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/select.html

    r192 r236  
    77 
    88<script type="text/javascript"> 
    9 var type; 
     9var fields = ["f_name", "f_size", "f_tabindex", "f_multiple", "f_disabled"]; 
     10 
    1011function Init() { 
     12        window.resizeTo(350,320); 
    1113  __dlg_translate("Forms"); 
    1214        __dlg_init(); 
    1315        var param = window.dialogArguments; 
    14   type = param.f_type; 
    15   var d = document; 
    16   d.getElementById("f_name").value = param.f_name; 
    17         d.getElementById("f_size").value = (param.f_size<=0)?"":param.f_size; 
    18         d.getElementById("f_multiple").checked = param.f_multiple; 
    19         for (var i=0; i<=param.f_options.length-1; i++) { 
     16  for (var i in fields) { 
     17    switch (fields[i]) { 
     18    case "f_multiple": 
     19    case "f_disabled": 
     20      document.getElementById(fields[i]).checked = param[fields[i]] == "true"; break; 
     21    case "f_size": 
     22      document.getElementById(fields[i]).value = (param[fields[i]]<=0)?"":param[fields[i]]; break; 
     23    default: 
     24      document.getElementById(fields[i]).value = param[fields[i]]; break; 
     25    } 
     26  } 
     27  for (var i=0; i<=param.f_options.length-1; i++) { 
    2028                document.getElementById("f_select").options[i] = new Option(param.f_options[i].text, param.f_options[i].value); 
    2129        } 
    22         window.resizeTo(350,320); 
    23         d.getElementById("f_name").focus(); 
     30  document.getElementById("f_name").focus(); 
    2431}; 
    2532 
    2633function onOK() { 
    27         var d = document; 
    28         var el = d.getElementById("f_name"); 
     34        var el = document.getElementById("f_name"); 
    2935        if (!el.value) { 
    3036        alert("You must enter a Name"); 
     
    3238          return false; 
    3339        } 
     40  // pass data back to the calling window 
    3441  var param = new Object(); 
    35   param["f_type"] = type; 
    36   param["f_name"] = d.getElementById("f_name").value; 
    37         param["f_size"] = d.getElementById("f_size").value; 
    38   if (d.getElementById("f_size").value=="1")  
    39     param["f_multiple"]=false; 
    40   else 
    41         param["f_multiple"] = d.getElementById("f_multiple").checked; 
    42         function optionValues(text,value) { 
     42  for (var i in fields) { 
     43    switch (fields[i]) {  
     44    case "f_multiple": 
     45      if (document.getElementById("f_size").value=="1")  
     46        param["f_multiple"] = ""; 
     47      else 
     48            param["f_multiple"] = (document.getElementById(fields[i]).checked)?"true":""; 
     49            break; 
     50    case "f_disabled": 
     51      param[fields[i]] = (document.getElementById(fields[i]).checked)?"true":""; break; 
     52    default: 
     53      param[fields[i]] = document.getElementById(fields[i]).value; break; 
     54    } 
     55  } 
     56  function optionValues(text,value) { 
    4357                this.text = text; 
    4458                this.value = value; 
    4559        } 
    4660        optionNodes = new Array(); // for option text/value pairs 
    47         for (var i=0; i<= d.getElementById("f_select").options.length-1; i++) { 
    48                 optionNodes[i] = new optionValues(d.getElementById("f_select").options[i].text, d.getElementById("f_select").options[i].value); 
     61        for (var i=0; i<= document.getElementById("f_select").options.length-1; i++) { 
     62                optionNodes[i] = new optionValues(document.getElementById("f_select").options[i].text, document.getElementById("f_select").options[i].value); 
    4963        } 
    5064        param["f_options"] = optionNodes; 
     
    140154} 
    141155</script> 
    142 <style rel="stylesheet" type="text/css"> 
    143 DIV.line        {       clear: both;    } 
    144  
    145 LABEL   { 
    146         padding-top: 3px; 
    147         padding-left: 3px;               
    148         padding-right: 3px;      
    149         } 
    150          
    151 LABEL.label     { 
    152         float: left; 
    153         width: 12em; 
    154         text-align: right; 
    155         }        
    156 </style> 
    157156</head> 
    158157 
     
    160159  <div id="f_type" class="title">Form Element: SELECT</div> 
    161160  <form action="" method="get"> 
    162     <div class="line"><label class="label" for="name">Name/ID:</label> 
    163     <input type="text" name="name" id="f_name" title="Name of the form select" /></div> 
    164     <div class="line"><label class="label" for="size">Size:</label> 
    165     <input name="size" id="f_size" type="text" value="" size="15"></div> 
    166                 <div class="line"><label class="label" for="multiple">Allow Multiple Selections:</label> 
    167     <input name="multiple" id="f_multiple" type="checkbox"></div> 
     161    <div class="fr">Name/ID:</div> 
     162    <input type="text" name="name" id="f_name" title="Name of the form select" /> 
     163    <p /> 
     164    <div class="fr">Size:</div> 
     165    <input name="size" id="f_size" type="text" value="" size="15"> 
     166    <p /> 
     167                <div class="fr"><nobr>Multiple Select</nobr></div> 
     168    <input name="multiple" id="f_multiple" type="checkbox"> 
     169    <p /> 
     170    <div class="fr">Disabled</div> 
     171    <input type="checkbox" name="disabled" id="f_disabled" value="disabled" /> 
     172    <p /> 
     173    <div class="fr">Tab Index:</div> 
     174    <input type="text" name="tabindex" id="f_tabindex" /> 
     175    <p /> 
    168176    <div class="space"></div> 
    169177    <fieldset id="fldLayout"> 
Note: See TracChangeset for help on using the changeset viewer.