Changeset 200

Timestamp:

05/27/05 06:50:03 (8 years ago)

Author:

gocher

Message:

plugin Forms

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

Location:

trunk/plugins/Forms

Files:

• forms.js (modified) (6 diffs)
• popups/form.html (modified) (3 diffs)
• popups/input.html (modified) (3 diffs)
• popups/textarea.html (modified) (4 diffs)

trunk/plugins/Forms/forms.js

@@ -139 +139 @@
           var sel = editor._getSelection();
           var range = editor._createRange(sel);
-          //see if selection is an form element
+          var tagName = "";
+          // see if selection is an form element
           if (typeof node == "undefined") {
                   node = editor.getParentElement();
@@ -150 +151 @@
                   type = node.tagName.toLowerCase();
       outparam.f_name = node.name;
-      outparam.f_tagName = node.tagName;      
+      tagName = node.tagName;
       if (type == "input") {
         outparam.f_type = node.type;
@@ -160 +161 @@
                                   outparam.f_rows = node.rows;
                                   outparam.f_value = node.innerHTML;
+          outparam.f_wrap = node.getAttribute("wrap");
+          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 "select":
@@ -197 +203 @@
                 } else {
       outparam.f_name = "";
-      outparam.f_tagName = "";
       switch (button_id) {
         case "textarea":
         case "select":
-          outparam.f_tagName = button_id
+          tagName = button_id
           break;
         default:
-          outparam.f_tagName = "input";
+          tagName = "input";
           outparam.f_type = button_id;
           break;
@@ -218 +223 @@
                   outparam.f_src = "";
                   outparam.f_onclick = "";
+      outparam.f_wrap = "";
+      outparam.f_readonly = "false";
+      outparam.f_disabled = "false";
+      outparam.f_tabindex = "";
+      outparam.f_accesskey = "";
           };
-        editor._popupDialog("plugin://Forms/" + outparam.f_tagName + ".html", function(param) {
+        editor._popupDialog("plugin://Forms/" + tagName + ".html", function(param) {
                 if (param) {
                         if(node) {
                             node.name = param["f_name"];
                             if (type == "textarea") {
-                                    if (isNaN(parseInt(param["f_cols"],10)) || parseInt(param["f_cols"],10) <= 0)
-                                            node.removeAttribute("cols");
-                                          else 
-              node.setAttribute("cols", param["f_cols"]);
-                                    if(isNaN(parseInt(param["f_rows"],10)) || parseInt(param["f_rows"],10) <= 0)
-                                            node.removeAttribute("rows");
-                                        else 
-              node.setAttribute("rows", param["f_rows"]);
-                                    node.value = param["f_value"]; //for ta in editor
-                                    node.innerHTML = param["f_value"]; //for ta on web page
+            if (isNaN(parseInt(param["f_cols"],10)) || parseInt(param["f_cols"],10) <= 0)
+              param["f_cols"] = "";
+            setAttr(node, "cols", param["f_cols"]);
+            if(isNaN(parseInt(param["f_rows"],10)) || parseInt(param["f_rows"],10) <= 0)
+              param["f_rows"] = "";
+                                          setAttr(node, "rows", param["f_rows"]);
+                                    setAttr(node, "value", param["f_value"]); //for ta in editor
+            setAttr(node, "wrap", param["f_wrap"]);
+            setAttr(node, "tabindex", param["f_tabindex"]);
+            setAttr(node, "accesskey", param["f_accesskey"]);
+                                    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"];
@@ -280 +293 @@
         } else {
                             if(type == "textarea") {
-                                    text = '<textarea name="' + param["f_name"] + '" ' +
+                                    text = '<textarea name="' + param["f_name"] + '"' +
                                                     ' cols="' + param["f_cols"] + '"' +
-                                                  ' rows="' + param["f_rows"] +'">' +
-                                          param["f_value"] +
-                                          '</textarea>';
+                                                  ' rows="' + param["f_rows"] + '"';
+            if (param["f_wrap"] != "") text += ' wrap="' + param["f_wrap"] + '"';
+            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';
+            text += '>' + param["f_value"] + '</textarea>';
                             } else if(type == "select") {
                                     text = '<select name="'+param["f_name"]+'"';

trunk/plugins/Forms/popups/form.html

@@ -7 +7 @@
 
 <script type="text/javascript">
+
+var fields = ["f_name", "f_action", "f_method", "f_enctype", "f_target"];
+
 function Init() {
   window.resizeTo(400, 170);
@@ -12 +15 @@
         __dlg_init();
   var param = window.dialogArguments;
-  document.getElementById("f_name").value = param.f_name;
-  document.getElementById("f_action").value = param.f_action;
-  document.getElementById("f_method").value = param.f_method;
-  document.getElementById("f_enctype").value = param.f_enctype;
-  document.getElementById("f_target").value = param.f_target;
+  for (var i in fields) {
+    document.getElementById(fields[i]).value = param[fields[i]];
+  }
         document.getElementById("f_name").focus();
 };
@@ -33 +34 @@
   }
   // pass data back to the calling window
-  var fields = ["f_name", "f_action", "f_method", "f_enctype", "f_target"];
   var param = new Object();
   for (var i in fields) {
-    var id = fields[i];
-        var el = document.getElementById(id);
-    param[id] = el.value;
+    param[fields[i]] = document.getElementById(fields[i]).value;
   }
   __dlg_close(param);

trunk/plugins/Forms/popups/input.html

@@ -8 +8 @@
 <script type="text/javascript">
 var type;
-var tagName;
 function Init() {
   __dlg_translate("Forms");
@@ -14 +13 @@
         var param = window.dialogArguments;
   type = param.f_type;
-  tagName = param.f_tagName;
   height = 230;
   var d = document;
@@ -34 +32 @@
                 case "checkbox":
                 case "radio": 
-      d.getElementById("f_checked").checked =param.f_checked;   
+      d.getElementById("f_checked").checked = param.f_checked;
       d.getElementById("chk").style.display = "block";
       break;

trunk/plugins/Forms/popups/textarea.html

@@ -7 +7 @@
 
 <script type="text/javascript">
-var type;
+
+var fields = ["f_name", "f_value", "f_cols", "f_rows", "f_wrap", "f_tabindex", "f_accesskey", "f_readonly", "f_disabled"];
+
 function Init() {
+  window.resizeTo(480,260);
   __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_value").value = param.f_value;
-        d.getElementById("f_cols").value = param.f_cols;
-        d.getElementById("f_rows").value = param.f_rows;
-        window.resizeTo(280,260);
-        d.getElementById("f_name").focus();
+  for (var i in fields) {
+    switch (fields[i]) { 
+    case "f_readonly": 
+    case "f_disabled":
+      document.getElementById(fields[i]).checked = param[fields[i]]; break;
+    default:
+      document.getElementById(fields[i]).value = param[fields[i]]; break;
+    }
+  }
+  document.getElementById("f_name").focus();
 };
 
@@ -30 +35 @@
           return false;
         }
-        var param = new Object();
-  param["f_type"] = type;
-  param["f_name"] = d.getElementById("f_name").value;
-        param["f_cols"] = d.getElementById("f_cols").value;
-  param["f_rows"] = d.getElementById("f_rows").value;
-  param["f_value"] = d.getElementById("f_value").value;
+  // pass data back to the calling window
+  var param = new Object();
+  for (var i in fields) {
+    switch (fields[i]) { 
+    case "f_readonly": 
+    case "f_disabled":
+      param[fields[i]] = document.getElementById(fields[i]).checked; break;
+    default:
+      param[fields[i]] = document.getElementById(fields[i]).value; break;
+    }
+  }
   __dlg_close(param);
   return false;
@@ -45 +55 @@
 };
 </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: 8em;
-        text-align: right;
-        }       
-</style> 
 </head>
 
@@ -65 +60 @@
 <div id="f_type" class="title">Form Element: TEXTAREA</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 textarea" /></div>
-  <div class="space"></div>
+  <div class="fr">Name/ID:</div>
+  <input type="text" name="name" id="f_name" title="name of the textarea" />
+  <p />
   <fieldset>
         <legend>Dimensions</legend>
-    <div class="line"><label class="label" for="cols">Columns:</label>
-    <input type="text" name="cols" id="f_cols" size="5" title="Width in number of characters" /></div>
-    <div class="line"><label class="label" for="rows">Rows:</label>
-                <input type="text" name="rows" id="f_rows" size="5" title="Height in number of rows" /></div>
+    <div class="fr">Columns:</div>
+    <input type="text" name="cols" id="f_cols" size="5" title="Width in number of characters" />
+    <p />
+    <div class="fr">Rows:</div>
+                <input type="text" name="rows" id="f_rows" size="5" title="Height in number of rows" />
+    <p />
         </fieldset>
   <div class="space"></div>
-  <div class="line"><label class="label" for="name">Default contents:</label>
-  <input type="text" name="value" id="f_value" title="Default text (optional)" /></div>   
+  <div class="fr">Wrap Mode:</div>
+  <select name="wrap" id="f_wrap">
+    <option value=""></option>
+    <option value="off">Off</option>
+    <option value="soft">Soft</option>
+    <option value="hard">Hard</option>
+    <option value="physical">Physical</option>
+    <option value="virtual">Virtual</option>
+    <option value="normal">normal</option>
+    <option value="nowrap">nowrap</option>
+    <option value="pre">pre</option>    
+  </select>
+  <p />
+  <div class="fr">Read Only</div>
+  <input type="checkbox" name="readonly" id="f_readonly" value="readonly" />
+  <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="fr">Access Key:</div>
+  <input type="text" name="accesskey" id="f_accesskey" />
+  <p />
+  
+  <div class="fr">Initial Text:</div>
+  <input type="text" name="value" id="f_value" title="Default text (optional)" />
   <div id="buttons">
     <button type="button" name="ok" onclick="return onOK();">OK</button>