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

Last change on this file since 191 was 191, checked in by gocher, 14 years ago

new plugin forms

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