Changeset 618

Timestamp:

12/14/06 12:20:09 (6 years ago)

Author:

gocher

Message:

enamble form elements only in forms

Files:

• trunk/plugins/Forms/forms.js (modified) (11 diffs)

trunk/plugins/Forms/forms.js

@@ -5 +5 @@
 
 function Forms(editor) {
-        this.editor = editor;
-        var cfg = editor.config;
-        var bl = Forms.btnList;
-        var self = this;
-        // register the toolbar buttons provided by this plugin
+  this.editor = editor;
+  var cfg = editor.config;
+  var bl = Forms.btnList;
+  var self = this;
+  // register the toolbar buttons provided by this plugin
   var toolbar = ["linebreak"];
-        for (var i = 0; i < bl.length; ++i) {
-                var btn = bl[i];
-                if (!btn) {
-                        toolbar.push("separator");
-                } else {
-                        var id = btn[0];
-                        cfg.registerButton(id, HTMLArea._lc(btn[1]), editor.imgURL("ed_" + btn[0] + ".gif", "Forms"), false,
-                                           function(editor, id) {
-                                                   // dispatch button press event
-                                                   self.buttonPress(editor, id);
-                                           });
-                        toolbar.push(id);
-                }
-        }
-        // add a new line in the toolbar
-        cfg.toolbar.push(toolbar);
+  for (var i = 0; i < bl.length; ++i) {
+    var btn = bl[i];
+    if (!btn) {
+      toolbar.push("separator");
+    } else {
+      var id = btn[0];
+      if (i<3)
+        cfg.registerButton(id, HTMLArea._lc(btn[1]), editor.imgURL("ed_" + btn[0] + ".gif", "Forms"), false,
+             function(editor, id) {
+               // dispatch button press event
+               self.buttonPress(editor, id);
+             });
+      else
+        cfg.registerButton(id, HTMLArea._lc(btn[1]), editor.imgURL("ed_" + btn[0] + ".gif", "Forms"), false,
+             function(editor, id) {
+               // dispatch button press event
+               self.buttonPress(editor, id);
+             },"form");
+      toolbar.push(id);
+    }
+  }
+  // add a new line in the toolbar
+  cfg.toolbar.push(toolbar);
 }
 
 Forms._pluginInfo = {
   name          : "Forms",
-        origin        : "version: 1.0, by Nelson Bright, BrightWork, Inc., http://www.brightworkweb.com",
-        version       : "2.0",
-        developer     : "Udo Schmal",
-        developer_url : "",
-        sponsor       : "L.N.Schaffrath NeueMedien",
-        sponsor_url   : "http://www.schaffrath-neuemedien.de/",
-        c_owner       : "Udo Schmal & Schaffrath-NeueMedien",
-        license       : "htmlArea"
+  origin        : "version: 1.0, by Nelson Bright, BrightWork, Inc., http://www.brightworkweb.com",
+  version       : "2.0",
+  developer     : "Udo Schmal",
+  developer_url : "",
+  sponsor       : "L.N.Schaffrath NeueMedien",
+  sponsor_url   : "http://www.schaffrath-neuemedien.de/",
+  c_owner       : "Udo Schmal & Schaffrath-NeueMedien",
+  license       : "htmlArea"
 };
 
 // the list of buttons added by this plugin
 Forms.btnList = [
-        // form properties button
-  null,                 // separator
-        ["form",        "Form"],
-        null,                   // separator
-        // form elements
-        ["textarea",    "Textarea"],
-        ["select",      "Selection Field"],
-        ["checkbox",    "Checkbox"],
-        ["radio",       "Radio Button"],
-        ["text",        "Text Field"],
+  // form properties button
+  null, // separator
+  ["form",        "Form"],
+  null, // separator
+  // form elements
+  ["textarea",    "Textarea"],
+  ["select",      "Selection Field"],
+  ["checkbox",    "Checkbox"],
+  ["radio",       "Radio Button"],
+  ["text",        "Text Field"],
   ["password",    "Password Field"],
   ["file",        "File Field"],
-        ["button",      "Button"],
+  ["button",      "Button"],
   ["submit",      "Submit Button"],
-  ["reset",       "Reset Button"], 
-        ["image",       "Image Button"],
-        ["hidden",      "Hidden Field"],
+  ["reset",       "Reset Button"],
+  ["image",       "Image Button"],
+  ["hidden",      "Hidden Field"],
   ["label",       "Label"],
   ["fieldset",    "Field Set"]
-        ];
+  ];
 
 Forms.prototype._lc = function(string) {
@@ -82 +89 @@
 Forms.prototype.buttonPress = function(editor,button_id, node) {
   function optionValues(text,value) {
-                this.text = text;
-                this.value = value;
-        }
+    this.text = text;
+    this.value = value;
+  }
   var outparam = new Object();
   var type = button_id;
@@ -90 +97 @@
   var range = editor._createRange(sel);
   if (button_id=="form") { //Form
-        // see if selection is inside an existing 'form' tag 
-          var pe = editor.getParentElement();
-          var frm = null;
-          while (pe && (pe.nodeType == 1) && (pe.tagName.toLowerCase() != 'body')) {
-                  if(pe.tagName.toLowerCase() == "form") {
-                          frm = pe;
-                          break;
-                  } else 
+    // see if selection is inside an existing 'form' tag
+    var pe = editor.getParentElement();
+    var frm = null;
+    while (pe && (pe.nodeType == 1) && (pe.tagName.toLowerCase() != 'body')) {
+      if(pe.tagName.toLowerCase() == "form") {
+        frm = pe;
+        break;
+      } else
         pe = pe.parentNode;
-          }
-          if (frm) { 
+    }
+    if (frm) {
       outparam.f_name = frm.name;
       outparam.f_action = frm.action;
@@ -108 +115 @@
     } else {;
       outparam.f_name = "";
-          outparam.f_action = "";
-            outparam.f_method = "";
+      outparam.f_action = "";
+      outparam.f_method = "";
       outparam.f_enctype = "";
       outparam.f_target = "";
     }
-        editor._popupDialog("plugin://Forms/form", function(param) {
-                if (param) {
-                        if(frm) {
-                            frm.name     = param["f_name"];
+    editor._popupDialog("plugin://Forms/form", function(param) {
+      if (param) {
+        if(frm) {
+          frm.name = param["f_name"];
           setAttr(frm, "action", param["f_action"]);
           setAttr(frm, "method", param["f_method"]);
           setAttr(frm, "enctype",param["f_enctype"]);
           setAttr(frm, "target", param["f_target"]);
-                    } else {
+        } else {
           frm = '<form name="' + param["f_name"] + '"';
           if (param["f_action"] != "") frm += ' action="' + param["f_action"] + '"';
-                                  if (param["f_method"] != "") frm += ' method="' + param["f_method"] + '"';
+          if (param["f_method"] != "") frm += ' method="' + param["f_method"] + '"';
           if (param["f_enctype"] != "") frm += ' enctype="' + param["f_enctype"] + '"';
           if (param["f_target"] != "") frm += ' target="' + param["f_target"] + '"';
           frm += '>';
-                            editor.surroundHTML(frm, '&nbsp;</form>');
+          editor.surroundHTML(frm, '&nbsp;</form>');
         }
       }
-          }, outparam);
-    
+    }, outparam);
+
   } else { // form element (checkbox, radio, text, password, textarea, select, button, submit, reset, image, hidden)
-          var tagName = "";
-          // see if selection is an form element
-          if (typeof node == "undefined") {
-                  node = editor.getParentElement();
-                  var tag = node.tagName.toLowerCase()
+    var tagName = "";
+    // see if selection is an form element
+    if (typeof node == "undefined") {
+      node = editor.getParentElement();
+      var tag = node.tagName.toLowerCase()
       if (node && (tag == "legend")) {
         node = node.parentElement;
         tag = node.tagName.toLowerCase();
       }
-                  if (node && !(tag == "textarea" || tag == "select" || tag == "input" || tag == "label" || tag == "fieldset"))
-                          node = null;
-          }
-
-          if(node) {
-                  type = node.tagName.toLowerCase();
+      if (node && !(tag == "textarea" || tag == "select" || tag == "input" || tag == "label" || tag == "fieldset"))
+        node = null;
+    }
+
+    if(node) {
+      type = node.tagName.toLowerCase();
       outparam.f_name = node.name;
       tagName = node.tagName;
@@ -157 +164 @@
       switch (type) {
         case "textarea":
-                  outparam.f_cols = node.cols;
-                                  outparam.f_rows = node.rows;
-                                  outparam.f_text = node.innerHTML;
+          outparam.f_cols = node.cols;
+          outparam.f_rows = node.rows;
+          outparam.f_text = node.innerHTML;
           outparam.f_wrap = node.getAttribute("wrap");
           outparam.f_readOnly = node.getAttribute("readOnly");
@@ -165 +172 @@
           outparam.f_tabindex = node.getAttribute("tabindex");
           outparam.f_accesskey = node.getAttribute("accesskey");
-                            break;
+          break;
         case "select":
-                            outparam.f_size = parseInt(node.size);
-                                  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++) {
+          outparam.f_size = parseInt(node.size);
+          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++) {
             a_options[i] = new optionValues(node.options[i].text, node.options[i].value);
-                            }
-                            outparam.f_options = a_options;
-                                  break;
-                          case "text":
-                          case "password":
-                                  outparam.f_value = node.value;
-                                        outparam.f_size = node.size;
-                                        outparam.f_maxLength = node.maxLength;
+          }
+          outparam.f_options = a_options;
+          break;
+        case "text":
+        case "password":
+          outparam.f_value = node.value;
+          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_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;
+          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_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;
+          break;
         case "label":
           outparam.f_text = node.innerHTML;
@@ -235 +242 @@
             outparam.f_text = "";
           break;
-      }    
-                } else {
+      }
+    } else {
       outparam.f_name = "";
       switch (button_id) {
@@ -252 +259 @@
       outparam.f_options = "";
       outparam.f_cols = "20";
-                  outparam.f_rows = "4";
-                  outparam.f_multiple = "false";
-        outparam.f_value = "";
-                  outparam.f_size = "";
-                  outparam.f_maxLength = "";
-                  outparam.f_checked = "";
-                  outparam.f_src = "";
-                  outparam.f_onclick = "";
+      outparam.f_rows = "4";
+      outparam.f_multiple = "false";
+      outparam.f_value = "";
+      outparam.f_size = "";
+      outparam.f_maxLength = "";
+      outparam.f_checked = "";
+      outparam.f_src = "";
+      outparam.f_onclick = "";
       outparam.f_wrap = "";
       outparam.f_readOnly = "false";
@@ -268 +275 @@
       outparam.f_text = "";
       outparam.f_legend = "";
-          }
-        editor._popupDialog("plugin://Forms/" + tagName + ".html", function(param) {
-                if (param) {
+    }
+    editor._popupDialog("plugin://Forms/" + tagName + ".html", function(param) {
+      if (param) {
         if(param["f_cols"])
           if (isNaN(parseInt(param["f_cols"],10)) || parseInt(param["f_cols"],10) <= 0)
@@ -283 +290 @@
           if(isNaN(parseInt(param["f_maxLength"],10)) || parseInt(param["f_maxLength"],10) <= 0)
             param["f_maxLength"] = "";
-                        if(node) {
+        if(node) {
           //prepare existing Element
           for (field in param) {
             alert(field.substring(2,20) + '=' + param[field]);
-                                          if ((field=="f_text") || (field=="f_options") || (field=="f_onclick") || (field=="f_checked"))continue;
+            if ((field=="f_text") || (field=="f_options") || (field=="f_onclick") || (field=="f_checked"))continue;
             if (param[field] != "")
               node.setAttribute(field.substring(2,20), param[field]);
             else
               node.removeAttribute(field.substring(2,20));
-                                  }
-                            if (type == "textarea") {
+          }
+          if (type == "textarea") {
             node.innerHTML = param["f_text"];
-                            } else if(type == "select") {
-                                    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 if(type == "label") {
-                                    node.innerHTML = param["f_text"];
+          } else if(type == "select") {
+            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 if(type == "label") {
+            node.innerHTML = param["f_text"];
           } else if(type == "fieldset") {
             if(outparam.f_text != "") {
-                                      if(node.firstChild.tagName.toLowerCase()=="legend")
+              if(node.firstChild.tagName.toLowerCase()=="legend")
                 node.firstChild.innerHTML = param["f_text"];
             } else {}// not implemented jet
           } else if((type == "checkbox") || (type == "radio")) { //input
               if(param["f_checked"]!="")
-                                                    node.checked = true;
+                node.checked = true;
               else
                 node.checked = false;
           } else {
             if(param["f_onclick"]){
-                                      node.onclick = "";
-                                            if(param["f_onclick"]!="") 
-                                                    node.onclick = param["f_onclick"];
+              node.onclick = "";
+              if(param["f_onclick"]!="")
+                node.onclick = param["f_onclick"];
             }
-                            }
+          }
         } else {
           //create Element
           var text = "";
           for (field in param) {
-                                          if (!param[field]) continue;
+            if (!param[field]) continue;
             if ((param[field]=="") || (field=="f_text")|| (field=="f_options"))continue;
             text += " " + field.substring(2,20) + '="' + param[field] + '"';
-                                  }
-
-                            if(type == "textarea") {
-                                    text = '<textarea' + text + '>' + param["f_text"] + '</textarea>';
-                            } else if(type == "select") {
-                                    text = '<select' + text + '>';
-                                    var optionsList =  param["f_options"];
-                                    for (i=0; i<= optionsList.length-1; i++) {
-                                            text += '<option value="'+optionsList[i].value+'">'+optionsList[i].text+'</option>';
-                                    }
-                                    text += '</select>';
+          }
+
+          if(type == "textarea") {
+            text = '<textarea' + text + '>' + param["f_text"] + '</textarea>';
+          } else if(type == "select") {
+            text = '<select' + text + '>';
+            var optionsList =  param["f_options"];
+            for (i=0; i<= optionsList.length-1; i++) {
+              text += '<option value="'+optionsList[i].value+'">'+optionsList[i].text+'</option>';
+            }
+            text += '</select>';
           } else if(type == "label") {
             text = '<label' + text + '>' + param["f_text"] + '</label>';
@@ -343 +350 @@
             text = '<fieldset' + text + '>';
             if (param["f_legend"] != "") text += '<legend>' + param["f_text"] + '</legend>';
-                                    text += '</fieldset>';
-                            } else {
-                                    text = '<input type="'+type+'"' + text + '>';
-                            }
-                editor.insertHTML(text);
+            text += '</fieldset>';
+          } else {
+            text = '<input type="'+type+'"' + text + '>';
+          }
+          editor.insertHTML(text);
         }
       }
-          }, outparam);
-  }  
+    }, outparam);
+  }
 };