Ignore:
Timestamp:
05/27/05 06:50:03 (15 years ago)
Author:
gocher
Message:

plugin Forms

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

File:
1 edited

Legend:

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

    r191 r200  
    77 
    88<script type="text/javascript"> 
    9 var type; 
     9 
     10var fields = ["f_name", "f_value", "f_cols", "f_rows", "f_wrap", "f_tabindex", "f_accesskey", "f_readonly", "f_disabled"]; 
     11 
    1012function Init() { 
     13  window.resizeTo(480,260); 
    1114  __dlg_translate("Forms"); 
    1215        __dlg_init(); 
    1316        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_value").value = param.f_value; 
    18         d.getElementById("f_cols").value = param.f_cols; 
    19         d.getElementById("f_rows").value = param.f_rows; 
    20         window.resizeTo(280,260); 
    21         d.getElementById("f_name").focus(); 
     17  for (var i in fields) { 
     18    switch (fields[i]) {  
     19    case "f_readonly":  
     20    case "f_disabled": 
     21      document.getElementById(fields[i]).checked = param[fields[i]]; break; 
     22    default: 
     23      document.getElementById(fields[i]).value = param[fields[i]]; break; 
     24    } 
     25  } 
     26  document.getElementById("f_name").focus(); 
    2227}; 
    2328 
     
    3035          return false; 
    3136        } 
    32         var param = new Object(); 
    33   param["f_type"] = type; 
    34   param["f_name"] = d.getElementById("f_name").value; 
    35         param["f_cols"] = d.getElementById("f_cols").value; 
    36   param["f_rows"] = d.getElementById("f_rows").value; 
    37   param["f_value"] = d.getElementById("f_value").value; 
     37  // pass data back to the calling window 
     38  var param = new Object(); 
     39  for (var i in fields) { 
     40    switch (fields[i]) {  
     41    case "f_readonly":  
     42    case "f_disabled": 
     43      param[fields[i]] = document.getElementById(fields[i]).checked; break; 
     44    default: 
     45      param[fields[i]] = document.getElementById(fields[i]).value; break; 
     46    } 
     47  } 
    3848  __dlg_close(param); 
    3949  return false; 
     
    4555}; 
    4656</script> 
    47 <style rel="stylesheet" type="text/css"> 
    48 DIV.line        {       clear: both;    } 
    49  
    50 LABEL   { 
    51         padding-top: 3px; 
    52         padding-left: 3px;               
    53         padding-right: 3px;      
    54         } 
    55          
    56 LABEL.label     { 
    57         float: left; 
    58         width: 8em; 
    59         text-align: right; 
    60         }        
    61 </style>  
    6257</head> 
    6358 
     
    6560<div id="f_type" class="title">Form Element: TEXTAREA</div> 
    6661<form action="" method="get"> 
    67   <div class="line"><label class="label" for="name">Name/ID:</label> 
    68   <input type="text" name="name" id="f_name" title="name of the textarea" /></div> 
    69   <div class="space"></div> 
     62  <div class="fr">Name/ID:</div> 
     63  <input type="text" name="name" id="f_name" title="name of the textarea" /> 
     64  <p /> 
    7065  <fieldset> 
    7166        <legend>Dimensions</legend> 
    72     <div class="line"><label class="label" for="cols">Columns:</label> 
    73     <input type="text" name="cols" id="f_cols" size="5" title="Width in number of characters" /></div> 
    74     <div class="line"><label class="label" for="rows">Rows:</label> 
    75                 <input type="text" name="rows" id="f_rows" size="5" title="Height in number of rows" /></div> 
     67    <div class="fr">Columns:</div> 
     68    <input type="text" name="cols" id="f_cols" size="5" title="Width in number of characters" /> 
     69    <p /> 
     70    <div class="fr">Rows:</div> 
     71                <input type="text" name="rows" id="f_rows" size="5" title="Height in number of rows" /> 
     72    <p /> 
    7673        </fieldset> 
    7774  <div class="space"></div> 
    78   <div class="line"><label class="label" for="name">Default contents:</label> 
    79   <input type="text" name="value" id="f_value" title="Default text (optional)" /></div>    
     75  <div class="fr">Wrap Mode:</div> 
     76  <select name="wrap" id="f_wrap"> 
     77    <option value=""></option> 
     78    <option value="off">Off</option> 
     79    <option value="soft">Soft</option> 
     80    <option value="hard">Hard</option> 
     81    <option value="physical">Physical</option> 
     82    <option value="virtual">Virtual</option> 
     83    <option value="normal">normal</option> 
     84    <option value="nowrap">nowrap</option> 
     85    <option value="pre">pre</option>     
     86  </select> 
     87  <p /> 
     88  <div class="fr">Read Only</div> 
     89  <input type="checkbox" name="readonly" id="f_readonly" value="readonly" /> 
     90  <p /> 
     91  <div class="fr">Disabled</div> 
     92  <input type="checkbox" name="disabled" id="f_disabled" value="disabled" /> 
     93  <p /> 
     94  <div class="fr">Tab Index:</div> 
     95  <input type="text" name="tabindex" id="f_tabindex" /> 
     96  <p /> 
     97  <div class="fr">Access Key:</div> 
     98  <input type="text" name="accesskey" id="f_accesskey" /> 
     99  <p /> 
     100   
     101  <div class="fr">Initial Text:</div> 
     102  <input type="text" name="value" id="f_value" title="Default text (optional)" /> 
    80103  <div id="buttons"> 
    81104    <button type="button" name="ok" onclick="return onOK();">OK</button> 
Note: See TracChangeset for help on using the changeset viewer.