source: trunk/plugins/Forms/popups/input.html @ 200

Last change on this file since 200 was 200, checked in by gocher, 15 years ago

plugin Forms

textarea gets new attributes: wrap, readonly disabled, tabindex, accesskey

File size: 4.5 KB
Line 
1<html>
2
3<head>
4  <title>Insert/Edit Form Element INPUT</title>
5  <link rel="stylesheet" type="text/css" href="../../../popups/popup.css" />
6  <script type="text/javascript" src="../../../popups/popup.js"></script>
7
8<script type="text/javascript">
9var type;
10function Init() {
11  __dlg_translate("Forms");
12        __dlg_init();
13        var param = window.dialogArguments;
14  type = param.f_type;
15  height = 230;
16  var d = document;
17  d.getElementById("f_name").value = param.f_name;
18  d.getElementById("f_value").value = param.f_value;
19  d.getElementById("f_type").innerHTML = 'Form Element: INPUT (' + param.f_type + ')';
20  d.getElementById("txt").style.display = "none";
21  d.getElementById("chk").style.display = "none";
22  d.getElementById("btn").style.display = "none";
23  d.getElementById("img").style.display = "none";
24  switch (type) {
25          case "text":
26          case "password":
27                  d.getElementById("f_size").value = (param.f_size<=0)?"":param.f_size;
28                        d.getElementById("f_maxlength").value = (param.f_maxlength<=0)?"":param.f_maxlength;
29      d.getElementById("txt").style.display = "block";
30      height = 250;
31                        break;
32                case "checkbox":
33                case "radio":
34      d.getElementById("f_checked").checked = param.f_checked;
35      d.getElementById("chk").style.display = "block";
36      break;
37                case "button":
38      d.getElementById("f_onclick").value =  param.f_onclick;
39      d.getElementById("btn").style.display = "block";
40            break;
41                case "image":
42      d.getElementById("f_src").value = param.f_src;
43      d.getElementById("img").style.display = "block";
44            break;
45    case "hidden":
46    case "reset":
47    case "submit":
48      height = 200;
49  }
50        window.resizeTo(320,height);
51        d.getElementById("f_name").focus();
52};
53
54function onOK() {
55        var d = document;
56        var el = d.getElementById("f_name");
57        if (!el.value) {
58        alert("You must enter a Name");
59                el.focus();
60          return false;
61        }
62        var param = new Object();
63  param["f_type"] = type;
64  param["f_name"] = d.getElementById("f_name").value;
65  param["f_value"] = d.getElementById("f_value").value;
66        switch (type) {
67                case "text":
68                case "password":
69                        param["f_size"] = d.getElementById("f_size").value;
70      param["f_maxlength"] = d.getElementById("f_maxlength").value;
71      break;
72        case "checkbox":
73                case "radio":   param["f_checked"] = d.getElementById("f_checked").checked;     break;
74                case "button":  param["f_onclick"] = d.getElementById("f_onclick").value;       break;
75                case "image": param["f_src"] = d.getElementById("f_src").value;
76        }
77  __dlg_close(param);
78  return false;
79};
80
81function onCancel() {
82        __dlg_close(null);
83        return false;
84};
85</script>
86<style rel="stylesheet" type="text/css">
87DIV.line        {       clear: both;    }
88
89LABEL   {
90        padding-top: 3px;
91        padding-left: 3px;             
92        padding-right: 3px;     
93        }
94       
95LABEL.label     {
96        float: left;
97        width: 8em;
98        text-align: right;
99        }       
100</style> 
101</head>
102
103<body onload="Init()">
104  <div id="f_type" class="title"></div>
105  <form action="" method="get">
106    <div class="line"><label class="label" for="name">Name/ID:</label>
107    <input type="text" name="name" id="f_name" title="Name of the form input" /></div>
108    <div class="line"><label class="label" for="value">Value:</label> 
109    <input type="text" name="value" id="f_value" title="Value of the form input" /></div>
110  <div id="txt">
111        <fieldset>
112        <legend>Dimensions</legend>
113    <div class="space"></div>
114    <div class="fr">Size:</div>
115    <input type="text" name="size" id="f_size" size="5" title="Size of text box in characters" />
116    <div class="space"></div>
117    <div class="fr">Max length:</div>
118    <input type="text" name="maxlength" id="f_maxlength" size="5"       title="Maximum number of characters accepted" />
119    <div class="space"></div>
120        </fieldset>
121  </div>
122  <div id="chk">
123  <fieldset>
124  <legend>Default</legend>
125    <div class="space"></div>
126    <div class="fr">Checked</div>
127    <input name="checked" id="f_checked" type="checkbox" />
128    <div class="space"></div>
129  </fieldset>
130        </div>
131        <div id="btn">
132        <fieldset>
133        <legend> Button Script</legend>
134          <div class="space"></div>
135    <div class="fr">'onClick'=</div>
136    <input type="text" name="onClick" id="f_onclick" title="Javascript for button click" />
137    <div class="space"></div>
138        </fieldset>
139  </div>
140        <div id="img">
141        <fieldset>
142        <legend>Image source</legend>
143          <div class="space"></div>
144    <div class="fr">Image URL:</div>
145    <input type="text" name="src" id="f_src" title="URL of image" />
146    <div class="space"></div>
147        </fieldset>
148  </div>
149  <div id="buttons">
150    <button type="button" name="ok" onclick="return onOK();">OK</button>
151    <button type="button" name="cancel" onclick="return onCancel();">Cancel</button>
152  </div> 
153</form>
154
155</body>
156</html>
Note: See TracBrowser for help on using the repository browser.