Ignore:
Timestamp:
06/20/05 13:40:55 (14 years ago)
Author:
gocher
Message:

new elements for plugin forms
file, fieldset, label

and for existing elements more attributes

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/plugins/Forms/popups/input.html

    r200 r236  
    77 
    88<script type="text/javascript"> 
     9var fields = null; 
    910var type; 
    1011function Init() { 
     
    1314        var param = window.dialogArguments; 
    1415  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"; 
     16  document.getElementById("f_type").innerHTML = 'Form Element: INPUT (' + type + ')'; 
     17  document.getElementById("txt").style.display = "none"; 
     18  document.getElementById("chk").style.display = "none"; 
     19  document.getElementById("btn").style.display = "none"; 
     20  document.getElementById("img").style.display = "none"; 
    2421  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": 
     22    case "text": 
     23    case "password": 
     24      fields = ["f_name", "f_value", "f_readonly", "f_disabled", "f_tabindex", "f_accesskey", "f_size"]; 
     25      height = 350; 
     26      document.getElementById("txt").style.display = "block"; 
     27      break; 
     28    case "checkbox": 
    3329                case "radio":  
    34       d.getElementById("f_checked").checked = param.f_checked; 
    35       d.getElementById("chk").style.display = "block"; 
     30      fields = ["f_name", "f_value", "f_checked", "f_disabled", "f_tabindex", "f_accesskey"]; 
     31      document.getElementById("chk").style.display = "block"; 
     32      height = 280; 
    3633      break; 
    3734                case "button":  
    38       d.getElementById("f_onclick").value =  param.f_onclick;  
    39       d.getElementById("btn").style.display = "block"; 
     35      fields = ["f_name", "f_value", "f_disabled", "f_onclick", "f_tabindex", "f_accesskey"]; 
     36      document.getElementById("btn").style.display = "block"; 
     37      height = 300; 
    4038            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": 
     39                case "file": 
     40      fields = ["f_name", "f_disabled", "f_tabindex", "f_accesskey"]; 
     41      document.getElementById("f_value").disabled = true; 
     42      height = 280; 
     43      break; 
     44    case "image":  
     45      fields = ["f_name", "f_disabled", "f_tabindex", "f_accesskey", "f_src"]; 
     46      document.getElementById("img").style.display = "block"; 
     47      document.getElementById("f_value").disabled = true; 
     48      height = 300; 
     49      break; 
    4650    case "reset": 
    4751    case "submit": 
    48       height = 200; 
     52      fields = ["f_name", "f_value", "f_disabled", "f_tabindex", "f_accesskey"]; 
     53      height =260; 
     54      break; 
     55    case "hidden": 
     56      fields = ["f_name", "f_value"]; 
     57      document.getElementById("f_disabled").disabled = true; 
     58      document.getElementById("f_tabindex").disabled = true; 
     59      document.getElementById("f_accesskey").disabled = true; 
     60      height =260; 
     61      break; 
    4962  } 
    50         window.resizeTo(320,height); 
    51         d.getElementById("f_name").focus(); 
     63  for (var i in fields) { 
     64    switch (fields[i]) {  
     65    case "f_readonly":  
     66    case "f_disabled": 
     67    case "f_checked": 
     68      document.getElementById(fields[i]).checked = param[fields[i]]=="true"; break; 
     69    default: 
     70      document.getElementById(fields[i]).value = param[fields[i]]; break; 
     71    } 
     72  } 
     73  window.resizeTo(320,height); 
     74        document.getElementById("f_name").focus(); 
    5275}; 
    5376 
    5477function onOK() { 
    55         var d = document; 
    56         var el = d.getElementById("f_name"); 
     78        var el = document.getElementById("f_name"); 
    5779        if (!el.value) { 
    5880        alert("You must enter a Name"); 
     
    6082          return false; 
    6183        } 
    62         var param = new Object(); 
     84  // pass data back to the calling window 
     85  var param = new Object(); 
    6386  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         } 
     87  for (var i in fields) { 
     88    switch (fields[i]) { 
     89    case "f_readonly": 
     90    case "f_disabled": 
     91    case "f_checked": 
     92      param[fields[i]] = (document.getElementById(fields[i]).checked)?"true":""; break; 
     93    default: 
     94      param[fields[i]] = document.getElementById(fields[i]).value; break; 
     95    } 
     96  } 
    7797  __dlg_close(param); 
    7898  return false; 
     
    104124  <div id="f_type" class="title"></div> 
    105125  <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> 
     126    <div class="fr">Name/ID:</div> 
     127    <input type="text" name="name" id="f_name" title="Name of the form input" /> 
     128    <p /> 
     129    <div class="fr">Value:</div> 
     130    <input type="text" name="value" id="f_value" title="Value of the form input" /> 
     131    <p /> 
     132    <div class="fr">Disabled</div> 
     133    <input type="checkbox" name="disabled" id="f_disabled" value="disabled" /> 
     134    <p /> 
     135     
     136  <div id="chk"> 
     137    <div class="fr">Checked</div> 
     138      <input name="checked" id="f_checked" type="checkbox" /> 
     139    <p /> 
     140        </div> 
     141           
     142    <div class="fr">Tab Index:</div> 
     143    <input type="text" name="tabindex" id="f_tabindex" /> 
     144    <p /> 
     145    <div class="fr">Access Key:</div> 
     146    <input type="text" name="accesskey" id="f_accesskey" /> 
     147    <p /> 
     148 
    110149  <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> 
     150    <div class="fr">Read Only</div> 
     151    <input type="checkbox" name="readonly" id="f_readonly" value="readonly" /> 
     152    <p /> 
     153     
     154          <fieldset> 
     155        <legend>Dimensions</legend> 
     156      <div class="space"></div> 
     157      <div class="fr">Size:</div> 
     158      <input type="text" name="size" id="f_size" size="5" title="Size of text box in characters" /> 
     159      <div class="space"></div> 
     160      <div class="fr">Max length:</div> 
     161      <input type="text" name="maxlength" id="f_maxlength" size="5"     title="Maximum number of characters accepted" /> 
     162      <div class="space"></div> 
     163          </fieldset> 
    121164  </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> 
     165  <div id="btn"> 
     166          <fieldset> 
     167          <legend> Button Script</legend> 
     168            <div class="space"></div> 
     169      <div class="fr">'onClick'=</div> 
     170      <input type="text" name="onClick" id="f_onclick" title="Javascript for button click" /> 
     171      <div class="space"></div> 
     172          </fieldset> 
    139173  </div> 
    140174        <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> 
     175          <fieldset> 
     176          <legend>Image source</legend> 
     177            <div class="space"></div> 
     178      <div class="fr">Image URL:</div> 
     179      <input type="text" name="src" id="f_src" title="URL of image" /> 
     180      <div class="space"></div> 
     181          </fieldset> 
    148182  </div> 
    149183  <div id="buttons"> 
Note: See TracChangeset for help on using the changeset viewer.