Changeset 236

Timestamp:

06/20/05 13:40:55 (8 years ago)

Author:

gocher

Message:

new elements for plugin forms
file, fieldset, label

and for existing elements more attributes

Location:

trunk/plugins/Forms

Files:

• forms.js (modified) (12 diffs)
• img/ed_fieldset.gif (added)
• img/ed_file.gif (added)
• img/ed_label.gif (added)
• img/ed_password.gif (modified) (previous)
• popups/fieldset.html (added)
• popups/input.html (modified) (4 diffs)
• popups/label.html (added)
• popups/select.html (modified) (4 diffs)
• popups/textarea.html (modified) (3 diffs)

trunk/plugins/Forms/forms.js

@@ -54 +54 @@
         ["text",        "Text Field"],
   ["password",    "Password Field"],
+  ["file",        "File Field"],
         ["button",      "Button"],
   ["submit",      "Submit Button"],
   ["reset",       "Reset Button"], 
         ["image",       "Image Button"],
-        ["hidden",      "Hidden Field"]
+        ["hidden",      "Hidden Field"],
+  ["label",       "Label"],
+  ["fieldset",    "Field Set"]
         ];
 
@@ -90 +93 @@
   var outparam = new Object();
   var type = button_id;
+  var sel = editor._getSelection();
+  var range = editor._createRange(sel);
   if (button_id=="form") { //Form
-        var sel = editor._getSelection();
-          var range = editor._createRange(sel);
-    // see if selection is inside an existing 'form' tag 
+        // see if selection is inside an existing 'form' tag 
           var pe = editor.getParentElement();
           var frm = null;
@@ -137 +140 @@
     
   } else { // form element (checkbox, radio, text, password, textarea, select, button, submit, reset, image, hidden)
-          var sel = editor._getSelection();
-          var range = editor._createRange(sel);
           var tagName = "";
           // see if selection is an form element
@@ -144 +145 @@
                   node = editor.getParentElement();
                   var tag = node.tagName.toLowerCase()
-                  if (node && !(tag == "textarea" || tag == "select" || tag == "input"))
+                  if (node && !(tag == "textarea" || tag == "select" || tag == "input" || tag == "label" || tag == "fieldset"))
                           node = null;
           }
@@ -169 +170 @@
         case "select":
                             outparam.f_size = parseInt(node.size);
-                                  outparam.f_multiple = node.multiple;
+                                  outparam.f_multiple = node.getAttribute("multiple");
+          outparam.f_disabled = node.getAttribute("disabled");
+          outparam.f_tabindex = node.getAttribute("tabindex");
           var a_options = new Array(); 
                             for (var i=0; i<=node.options.length-1; i++) {
@@ -181 +184 @@
                                         outparam.f_size = node.size;
                                         outparam.f_maxlength = node.maxLength;
+          outparam.f_readonly = node.getAttribute("readonly");
+          outparam.f_disabled = node.getAttribute("disabled");
+          outparam.f_tabindex = node.getAttribute("tabindex");
+          outparam.f_accesskey = node.getAttribute("accesskey");
                                         break;
                                 case "hidden":
+          outparam.f_value = node.value;
+          break;
                                 case "submit":
                                 case "reset":
                                   outparam.f_value = node.value;
+          outparam.f_disabled = node.getAttribute("disabled");
+          outparam.f_tabindex = node.getAttribute("tabindex");
+          outparam.f_accesskey = node.getAttribute("accesskey");
                                   break;
                                 case "checkbox":
                                 case "radio": 
                                   outparam.f_value = node.value;
-                                outparam.f_checked = node.checked
+                                outparam.f_checked = node.checked;
+          outparam.f_disabled = node.getAttribute("disabled");
+          outparam.f_tabindex = node.getAttribute("tabindex");
+          outparam.f_accesskey = node.getAttribute("accesskey");
                                 break;
                                 case "button": 
                                   outparam.f_value = node.value;
                                         outparam.f_onclick = node.getAttribute("onclick");
+          outparam.f_disabled = node.getAttribute("disabled");
+          outparam.f_tabindex = node.getAttribute("tabindex");
+          outparam.f_accesskey = node.getAttribute("accesskey");
                                   break;
                                 case "image":
                                   outparam.f_value = node.value;
                                         outparam.f_src = node.src;
+          outparam.f_disabled = node.getAttribute("disabled");
+          outparam.f_tabindex = node.getAttribute("tabindex");
+          outparam.f_accesskey = node.getAttribute("accesskey");
                                   break;
+        case "file":
+          outparam.f_disabled = node.getAttribute("disabled");
+          outparam.f_tabindex = node.getAttribute("tabindex");
+          outparam.f_accesskey = node.getAttribute("accesskey");
+                                  break;
+        case "label":
+          outparam.f_text = node.innerHTML;
+          outparam.f_for = node.getAttribute("for");
+          outparam.f_accesskey = node.getAttribute("accesskey");
+          break;
+        case "fieldset":
+          if(node.firstChild.tagName.toLowerCase()=="legend")
+            outparam.f_legend = node.firstChild.innerHTML;
+          else
+            outparam.f_legend = "";
+          break;
       }    
                 } else {
@@ -206 +243 @@
         case "textarea":
         case "select":
-          tagName = button_id
+        case "label":
+        case "fieldset":
+          tagName = button_id;
           break;
         default:
@@ -228 +267 @@
       outparam.f_tabindex = "";
       outparam.f_accesskey = "";
+      outparam.f_for = "";
+      outparam.f_text = "";
+      outparam.f_legend = "";
           };
         editor._popupDialog("plugin://Forms/" + tagName + ".html", function(param) {
                 if (param) {
                         if(node) {
-                            node.name = param["f_name"];
+                            //node.name = param["f_name"];
+          setAttr(node, "name", param["f_name"]);
                             if (type == "textarea") {
             if (isNaN(parseInt(param["f_cols"],10)) || parseInt(param["f_cols"],10) <= 0)
@@ -244 +287 @@
             setAttr(node, "tabindex", param["f_tabindex"]);
             setAttr(node, "accesskey", param["f_accesskey"]);
-                                    setAttr(node, "readonly", param["f_readonly"]);
+            setAttr(node, "readonly", param["f_readonly"]);
             setAttr(node, "disabled", param["f_disabled"]);
             node.innerHTML = param["f_value"]; //for ta on web page
                             } else if(type == "select") {
-                                    node.requiredfield = param["f_requiredfield"];
                                     if(isNaN(parseInt(param["f_size"],10)) || parseInt(param["f_size"],10) <= 0)
-                                            node.removeAttribute("size");
-                                          else 
-              node.size = param["f_size"];
-                                    node.multiple = param["f_multiple"];
-                                    node.options.length = 0;
+              param["f_size"] = "";
+            setAttr(node, "size", param["f_size"]);
+                                          setAttr(node, "multiple" ,param["f_multiple"]);
+            setAttr(node, "disabled", param["f_disabled"]);
+            setAttr(node, "tabindex", param["f_tabindex"]);
+            node.options.length = 0;
                                     var optionsList =  param["f_options"];
                                     for (i=0; i<= optionsList.length-1; i++) {
                                             node.options[i] = new Option(optionsList[i].text, optionsList[i].value)
                                     }
-                            } else {  //type == "input"
+                            } else if(type == "label") {
+                                    setAttr(node, "for", param["f_for"]);
+                                          setAttr(node, "accesskey" ,param["f_accesskey"]);
+            node.innerHTML = param["f_text"];
+          } else if(type == "fieldset") {
+            if(outparam.f_legend != "")
+                                      if(node.firstChild.tagName.toLowerCase()=="legend")
+                node.firstChild.innerHTML = param["f_legend"];
+              else {
+                // not implemented jet
+              }
+          } else {  //type == "input"
                                     for (field in param) {
                                             switch (field) {
+                case "f_tabindex": setAttr(node, "tabindex", param["f_tabindex"]); break;
+                case "f_accesskey": setAttr(node, "accesskey", param["f_accesskey"]); break;
+                case "f_readonly": setAttr(node, "readonly", param["f_readonly"]); break;
+                case "f_disabled": setAttr(node, "disabled", param["f_disabled"]); break;
                                                     case "f_type": node.type = param["f_type"]; break;
-                                                    case "f_value": node.setAttribute("value", param["f_value"]); break;
+                                                    case "f_value": setAttr(node,"value", param["f_value"]); break;
                                                     case "f_size": 
                                                             if(isNaN(parseInt(param["f_size"],10)) || parseInt(param["f_size"],10) <= 0)
-                                                                    node.removeAttribute("size");
-                                                            else 
-                    node.setAttribute("size", param["f_size"]); break;
+                    param["f_size"] = "";
+                                                                  setAttr(node, "size", param["f_size"]); break;
                                                     case "f_maxlength":
-                                                            if(isNaN(parseInt(param["f_maxlength"],10)) || parseInt(param["f_maxlength"],10) <= 0) 
-                                                                    node.removeAttribute("maxLength");
-                                                            else 
-                    node.setAttribute("maxLength", param["f_maxlength"]); break;
-                                                    case "f_checked":
-                                                            if(param["f_checked"]==true) 
-                    node.setAttribute("checked",true);
-                                                                  else {
-                    node.setAttribute("checked",false);  
-                                                                  node.removeAttribute("checked");} break;
-                                                    case "f_src": node.setAttribute("src", param["f_src"]); break;
-                                                    case "f_onclick":  
-                  node.removeAttribute("onclick"); 
-                  node.onclick = "";
-                                                            if(param["f_onclick"]!="") {
-                                                                    node.setAttribute("onclick",param["f_onclick"]);
-                                                                    node.onclick = param["f_onclick"];
-                                                            } break;
+                                                            if(isNaN(parseInt(param["f_maxlength"],10)) || parseInt(param["f_maxlength"],10) <= 0)
+                    param["f_maxlength"] = "";
+                                                                  setAttr(node, "maxLength", param["f_maxlength"]); break;
+                                                    case "f_checked": setAttr(node, "checked", param["f_checked"]); break;
+                                                    case "f_src": setAttr(node, "src", param["f_src"]); break;
+                                                    case "f_onclick": setAttr(node, "onclick", param["f_onclick"]); 
+                     node.onclick = "";
+                                                               if(param["f_onclick"]!="") {
+                                                                       node.onclick = param["f_onclick"];
+                                                               } break;
                                             }
                                     }
@@ -299 +348 @@
             if (param["f_tabindex"] != "") text += ' tabindex="' + param["f_tabindex"] + '"';
             if (param["f_accesskey"] != "") text += ' accesskey="' + param["f_accesskey"] + '"';
-            if (param["f_readonly"] == true) text += ' readonly';
-            if (param["disabled"] == true) text += ' disabled';
+            if (param["f_readonly"] == "true") text += ' readonly="true"'; //don't know why ="true"
+            if (param["f_disabled"] == "true") text += ' disabled="true"'; //don't know why ="true"
             text += '>' + param["f_value"] + '</textarea>';
                             } else if(type == "select") {
                                     text = '<select name="'+param["f_name"]+'"';
-                                    if(param["f_size"]) text += ' size="'+parseInt(param["f_size"],10)+'"';
-                                    if(param["f_multiple"]) text += ' multiple';
+                                    if (param["f_size"]) text += ' size="'+parseInt(param["f_size"],10)+'"';
+                                    if (param["f_tabindex"] != "") text += ' tabindex="' + param["f_tabindex"] + '"';
+            if (param["f_multiple"] == "true") text += ' multiple="true"'; //don't know why ="true"
+            if (param["f_disabled"] == "true") text += ' disabled="true"'; //don't know why ="true"
                                     text += '>';
                                     var optionsList =  param["f_options"];
@@ -312 +363 @@
                                     }
                                     text += '</select>';
+          } else if(type == "label") {
+            text = '<label';
+            if (param["f_for"] != "") text += ' for="'+param["f_for"]+'"';
+            if (param["f_accesskey"] != "") text += ' accesskey="' + param["f_accesskey"] + '"';                                          
+            text += '>' + param["f_text"] + '</label>';
+          } else if(type == "fieldset") {
+            text = '<fieldset>';
+            if (param["f_legend"] != "") text += '<legend>' + param["f_legend"] + '</legend>';
+                                    text += '</fieldset>';
                             } else {
                                     text = '<input type="'+type+'"' +
@@ -319 +379 @@
                                             if (!value) continue;
                                             switch (field) {
-                                                    case "f_value": text += ' value="'+param["f_value"]+'"'; break;
-                                                    case "f_size": text += ' size="'+parseInt(param["f_size"],10)+'"'; break;
-                                                    case "f_maxlength": text += ' maxlength="'+parseInt(param["f_maxlength"],10)+'"'; break;
-                                                    case "f_checked": text += ' checked'; break;
-                                                    case "f_src": text += ' src="'+param["f_src"]+'"'; break;
-                                                    case "f_onclick": text += ' onClick="'+param["f_onclick"]+'"'; break;
+                                                    case "f_value": if (param["f_value"] != "") text += ' value="'+param["f_value"]+'"'; break;
+                                                    case "f_size": if (param["f_size"] != "") text += ' size="'+parseInt(param["f_size"],10)+'"'; break;
+                                                    case "f_maxlength": if (param["f_maxlength"] != "") text += ' maxlength="'+parseInt(param["f_maxlength"],10)+'"'; break;
+                                                    case "f_checked": if (param["f_checked"] == "true") text += ' checked'; break;
+                                                    case "f_src": if (param["f_src"] != "") text += ' src="'+param["f_src"]+'"'; break;
+                                                    case "f_onclick": if (param["f_onclick"] != "") text += ' onClick="'+param["f_onclick"]+'"'; break;
+                case "f_tabindex": if (param["f_tabindex"] != "") text += ' tabindex="'+param["f_tabindex"]+'"'; break;
+                case "f_accesskey": if (param["f_accesskey"] != "") text += ' accesskey="'+param["f_accesskey"]+'"';
+                case "f_readonly": if (param["f_readonly"] == "true") text += ' readonly="true"'; //don't know why ="true"
+                case "f_disabled": if (param["f_disabled"] == "true") text += ' disabled="true"'; break;//don't know why ="true"
                                             }
                                     }

trunk/plugins/Forms/popups/input.html

@@ -7 +7 @@
 
 <script type="text/javascript">
+var fields = null;
 var type;
 function Init() {
@@ -13 +14 @@
         var param = window.dialogArguments;
   type = param.f_type;
-  height = 230;
-  var d = document;
-  d.getElementById("f_name").value = param.f_name;
-  d.getElementById("f_value").value = param.f_value;
-  d.getElementById("f_type").innerHTML = 'Form Element: INPUT (' + param.f_type + ')';
-  d.getElementById("txt").style.display = "none";
-  d.getElementById("chk").style.display = "none";
-  d.getElementById("btn").style.display = "none";
-  d.getElementById("img").style.display = "none";
+  document.getElementById("f_type").innerHTML = 'Form Element: INPUT (' + type + ')';
+  document.getElementById("txt").style.display = "none";
+  document.getElementById("chk").style.display = "none";
+  document.getElementById("btn").style.display = "none";
+  document.getElementById("img").style.display = "none";
   switch (type) {
-          case "text":
-          case "password":
-                  d.getElementById("f_size").value = (param.f_size<=0)?"":param.f_size;
-                        d.getElementById("f_maxlength").value = (param.f_maxlength<=0)?"":param.f_maxlength;
-      d.getElementById("txt").style.display = "block";
-      height = 250;
-                        break;
-                case "checkbox":
+    case "text":
+    case "password":
+      fields = ["f_name", "f_value", "f_readonly", "f_disabled", "f_tabindex", "f_accesskey", "f_size"];
+      height = 350;
+      document.getElementById("txt").style.display = "block";
+      break;
+    case "checkbox":
                 case "radio": 
-      d.getElementById("f_checked").checked = param.f_checked;
-      d.getElementById("chk").style.display = "block";
+      fields = ["f_name", "f_value", "f_checked", "f_disabled", "f_tabindex", "f_accesskey"];
+      document.getElementById("chk").style.display = "block";
+      height = 280;
       break;
                 case "button": 
-      d.getElementById("f_onclick").value =  param.f_onclick; 
-      d.getElementById("btn").style.display = "block";
+      fields = ["f_name", "f_value", "f_disabled", "f_onclick", "f_tabindex", "f_accesskey"];
+      document.getElementById("btn").style.display = "block";
+      height = 300;
             break;
-                case "image": 
-      d.getElementById("f_src").value = param.f_src;
-      d.getElementById("img").style.display = "block";
-            break;
-    case "hidden":
+                case "file":
+      fields = ["f_name", "f_disabled", "f_tabindex", "f_accesskey"];
+      document.getElementById("f_value").disabled = true;
+      height = 280;
+      break;
+    case "image": 
+      fields = ["f_name", "f_disabled", "f_tabindex", "f_accesskey", "f_src"];
+      document.getElementById("img").style.display = "block";
+      document.getElementById("f_value").disabled = true;
+      height = 300;
+      break;
     case "reset":
     case "submit":
-      height = 200;
+      fields = ["f_name", "f_value", "f_disabled", "f_tabindex", "f_accesskey"];
+      height =260;
+      break;
+    case "hidden":
+      fields = ["f_name", "f_value"];
+      document.getElementById("f_disabled").disabled = true;
+      document.getElementById("f_tabindex").disabled = true;
+      document.getElementById("f_accesskey").disabled = true;
+      height =260;
+      break;
   }
-        window.resizeTo(320,height);
-        d.getElementById("f_name").focus();
+  for (var i in fields) {
+    switch (fields[i]) { 
+    case "f_readonly": 
+    case "f_disabled":
+    case "f_checked":
+      document.getElementById(fields[i]).checked = param[fields[i]]=="true"; break;
+    default:
+      document.getElementById(fields[i]).value = param[fields[i]]; break;
+    }
+  }
+  window.resizeTo(320,height);
+        document.getElementById("f_name").focus();
 };
 
 function onOK() {
-        var d = document;
-        var el = d.getElementById("f_name");
+        var el = document.getElementById("f_name");
         if (!el.value) {
         alert("You must enter a Name");
@@ -60 +82 @@
           return false;
         }
-        var param = new Object();
+  // pass data back to the calling window
+  var param = new Object();
   param["f_type"] = type;
-  param["f_name"] = d.getElementById("f_name").value;
-  param["f_value"] = d.getElementById("f_value").value;
-        switch (type) {
-                case "text":
-                case "password":
-                        param["f_size"] = d.getElementById("f_size").value;
-      param["f_maxlength"] = d.getElementById("f_maxlength").value;
-      break;
-        case "checkbox":
-                case "radio":   param["f_checked"] = d.getElementById("f_checked").checked;     break;
-                case "button":  param["f_onclick"] = d.getElementById("f_onclick").value;       break;
-                case "image": param["f_src"] = d.getElementById("f_src").value;
-        }
+  for (var i in fields) {
+    switch (fields[i]) {
+    case "f_readonly":
+    case "f_disabled":
+    case "f_checked":
+      param[fields[i]] = (document.getElementById(fields[i]).checked)?"true":""; break;
+    default:
+      param[fields[i]] = document.getElementById(fields[i]).value; break;
+    }
+  }
   __dlg_close(param);
   return false;
@@ -104 +124 @@
   <div id="f_type" class="title"></div>
   <form action="" method="get">
-    <div class="line"><label class="label" for="name">Name/ID:</label>
-    <input type="text" name="name" id="f_name" title="Name of the form input" /></div>
-    <div class="line"><label class="label" for="value">Value:</label>  
-    <input type="text" name="value" id="f_value" title="Value of the form input" /></div>
+    <div class="fr">Name/ID:</div>
+    <input type="text" name="name" id="f_name" title="Name of the form input" />
+    <p />
+    <div class="fr">Value:</div>
+    <input type="text" name="value" id="f_value" title="Value of the form input" />
+    <p />
+    <div class="fr">Disabled</div>
+    <input type="checkbox" name="disabled" id="f_disabled" value="disabled" />
+    <p />
+    
+  <div id="chk">
+    <div class="fr">Checked</div>
+      <input name="checked" id="f_checked" type="checkbox" />
+    <p />
+        </div>
+          
+    <div class="fr">Tab Index:</div>
+    <input type="text" name="tabindex" id="f_tabindex" />
+    <p />
+    <div class="fr">Access Key:</div>
+    <input type="text" name="accesskey" id="f_accesskey" />
+    <p />
+
   <div id="txt">
-        <fieldset>
-        <legend>Dimensions</legend>
-    <div class="space"></div>
-    <div class="fr">Size:</div>
-    <input type="text" name="size" id="f_size" size="5" title="Size of text box in characters" />
-    <div class="space"></div>
-    <div class="fr">Max length:</div>
-    <input type="text" name="maxlength" id="f_maxlength" size="5"       title="Maximum number of characters accepted" />
-    <div class="space"></div>
-        </fieldset>
+    <div class="fr">Read Only</div>
+    <input type="checkbox" name="readonly" id="f_readonly" value="readonly" />
+    <p />
+    
+          <fieldset>
+        <legend>Dimensions</legend>
+      <div class="space"></div>
+      <div class="fr">Size:</div>
+      <input type="text" name="size" id="f_size" size="5" title="Size of text box in characters" />
+      <div class="space"></div>
+      <div class="fr">Max length:</div>
+      <input type="text" name="maxlength" id="f_maxlength" size="5"     title="Maximum number of characters accepted" />
+      <div class="space"></div>
+          </fieldset>
   </div>
-  <div id="chk">
-  <fieldset>
-  <legend>Default</legend>
-    <div class="space"></div>
-    <div class="fr">Checked</div>
-    <input name="checked" id="f_checked" type="checkbox" />
-    <div class="space"></div>
-  </fieldset>
-        </div>
-        <div id="btn">
-        <fieldset>
-        <legend> Button Script</legend>
-          <div class="space"></div>
-    <div class="fr">'onClick'=</div>
-    <input type="text" name="onClick" id="f_onclick" title="Javascript for button click" />
-    <div class="space"></div>
-        </fieldset>
+  <div id="btn">
+          <fieldset>
+          <legend> Button Script</legend>
+            <div class="space"></div>
+      <div class="fr">'onClick'=</div>
+      <input type="text" name="onClick" id="f_onclick" title="Javascript for button click" />
+      <div class="space"></div>
+          </fieldset>
   </div>
         <div id="img">
-        <fieldset>
-        <legend>Image source</legend>
-          <div class="space"></div>
-    <div class="fr">Image URL:</div>
-    <input type="text" name="src" id="f_src" title="URL of image" />
-    <div class="space"></div>
-        </fieldset>
+          <fieldset>
+          <legend>Image source</legend>
+            <div class="space"></div>
+      <div class="fr">Image URL:</div>
+      <input type="text" name="src" id="f_src" title="URL of image" />
+      <div class="space"></div>
+          </fieldset>
   </div>
   <div id="buttons">

trunk/plugins/Forms/popups/select.html

@@ -7 +7 @@
 
 <script type="text/javascript">
-var type;
+var fields = ["f_name", "f_size", "f_tabindex", "f_multiple", "f_disabled"];
+
 function Init() {
+        window.resizeTo(350,320);
   __dlg_translate("Forms");
         __dlg_init();
         var param = window.dialogArguments;
-  type = param.f_type;
-  var d = document;
-  d.getElementById("f_name").value = param.f_name;
-        d.getElementById("f_size").value = (param.f_size<=0)?"":param.f_size;
-        d.getElementById("f_multiple").checked = param.f_multiple;
-        for (var i=0; i<=param.f_options.length-1; i++) {
+  for (var i in fields) {
+    switch (fields[i]) {
+    case "f_multiple":
+    case "f_disabled":
+      document.getElementById(fields[i]).checked = param[fields[i]] == "true"; break;
+    case "f_size":
+      document.getElementById(fields[i]).value = (param[fields[i]]<=0)?"":param[fields[i]]; break;
+    default:
+      document.getElementById(fields[i]).value = param[fields[i]]; break;
+    }
+  }
+  for (var i=0; i<=param.f_options.length-1; i++) {
                 document.getElementById("f_select").options[i] = new Option(param.f_options[i].text, param.f_options[i].value);
         }
-        window.resizeTo(350,320);
-        d.getElementById("f_name").focus();
+  document.getElementById("f_name").focus();
 };
 
 function onOK() {
-        var d = document;
-        var el = d.getElementById("f_name");
+        var el = document.getElementById("f_name");
         if (!el.value) {
         alert("You must enter a Name");
@@ -32 +38 @@
           return false;
         }
+  // pass data back to the calling window
   var param = new Object();
-  param["f_type"] = type;
-  param["f_name"] = d.getElementById("f_name").value;
-        param["f_size"] = d.getElementById("f_size").value;
-  if (d.getElementById("f_size").value=="1") 
-    param["f_multiple"]=false;
-  else
-        param["f_multiple"] = d.getElementById("f_multiple").checked;
-        function optionValues(text,value) {
+  for (var i in fields) {
+    switch (fields[i]) { 
+    case "f_multiple":
+      if (document.getElementById("f_size").value=="1") 
+        param["f_multiple"] = "";
+      else
+            param["f_multiple"] = (document.getElementById(fields[i]).checked)?"true":"";
+            break;
+    case "f_disabled":
+      param[fields[i]] = (document.getElementById(fields[i]).checked)?"true":""; break;
+    default:
+      param[fields[i]] = document.getElementById(fields[i]).value; break;
+    }
+  }
+  function optionValues(text,value) {
                 this.text = text;
                 this.value = value;
         }
         optionNodes = new Array(); // for option text/value pairs
-        for (var i=0; i<= d.getElementById("f_select").options.length-1; i++) {
-                optionNodes[i] = new optionValues(d.getElementById("f_select").options[i].text, d.getElementById("f_select").options[i].value);
+        for (var i=0; i<= document.getElementById("f_select").options.length-1; i++) {
+                optionNodes[i] = new optionValues(document.getElementById("f_select").options[i].text, document.getElementById("f_select").options[i].value);
         }
         param["f_options"] = optionNodes;
@@ -140 +154 @@
 }
 </script>
-<style rel="stylesheet" type="text/css">
-DIV.line        {       clear: both;    }
-
-LABEL   {
-        padding-top: 3px;
-        padding-left: 3px;              
-        padding-right: 3px;     
-        }
-        
-LABEL.label     {
-        float: left;
-        width: 12em;
-        text-align: right;
-        }       
-</style>
 </head>
 
@@ -160 +159 @@
   <div id="f_type" class="title">Form Element: SELECT</div>
   <form action="" method="get">
-    <div class="line"><label class="label" for="name">Name/ID:</label>
-    <input type="text" name="name" id="f_name" title="Name of the form select" /></div>
-    <div class="line"><label class="label" for="size">Size:</label>
-    <input name="size" id="f_size" type="text" value="" size="15"></div>
-                <div class="line"><label class="label" for="multiple">Allow Multiple Selections:</label>
-    <input name="multiple" id="f_multiple" type="checkbox"></div>
+    <div class="fr">Name/ID:</div>
+    <input type="text" name="name" id="f_name" title="Name of the form select" />
+    <p />
+    <div class="fr">Size:</div>
+    <input name="size" id="f_size" type="text" value="" size="15">
+    <p />
+                <div class="fr"><nobr>Multiple Select</nobr></div>
+    <input name="multiple" id="f_multiple" type="checkbox">
+    <p />
+    <div class="fr">Disabled</div>
+    <input type="checkbox" name="disabled" id="f_disabled" value="disabled" />
+    <p />
+    <div class="fr">Tab Index:</div>
+    <input type="text" name="tabindex" id="f_tabindex" />
+    <p />
     <div class="space"></div>
     <fieldset id="fldLayout">

trunk/plugins/Forms/popups/textarea.html

@@ -19 +19 @@
     case "f_readonly": 
     case "f_disabled":
-      document.getElementById(fields[i]).checked = param[fields[i]]; break;
+      document.getElementById(fields[i]).checked = param[fields[i]]=="true"; break;
     default:
       document.getElementById(fields[i]).value = param[fields[i]]; break;
@@ -28 +28 @@
 
 function onOK() {
-        var d = document;
-        var el = d.getElementById("f_name");
+        var el = document.getElementById("f_name");
         if (!el.value) {
         alert("You must enter a Name");
@@ -41 +40 @@
     case "f_readonly": 
     case "f_disabled":
-      param[fields[i]] = document.getElementById(fields[i]).checked; break;
+      param[fields[i]] = (document.getElementById(fields[i]).checked)?"true":""; break;
     default:
       param[fields[i]] = document.getElementById(fields[i]).value; break;