Ignore:
Timestamp:
09/28/05 08:20:24 (14 years ago)
Author:
gocher
Message:

Make plugin HorizontalRule? Skinable, replace image functions for buttons which don't exists, insert language support.

Location:
trunk/plugins/HorizontalRule
Files:
2 added
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/plugins/HorizontalRule/popups/edit_horizontal_rule.html

    r347 r348  
    1 <html style="width: 400px; height: 150px;"> 
    2  
     1<html> 
    32<head> 
    43  <title>Insert/Edit Horizontal Rule</title> 
    5  
    6 <script type="text/javascript" src="../../../popups/popup.js"></script> 
     4  <link rel="stylesheet" type="text/css" href="../../../popups/popup.css" /> 
     5  <script type="text/javascript" src="../../../popups/popup.js"></script> 
    76 
    87<script type="text/javascript"> 
     
    109 
    1110function Init() { 
    12   window.resizeTo(400,170); 
     11        __dlg_translate("HorizontalRule"); 
    1312        __dlg_init(); 
    14     var params = window.dialogArguments; 
     13        window.resizeTo(300,320); 
     14        var params = window.dialogArguments; 
    1515        if(params) { 
    1616                document.getElementById("f_size").value = params.f_size; 
     
    4141  return false; 
    4242}; 
    43  
    44 function MM_findObj(n, d) { //v3.0 
    45   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
    46     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
    47   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
    48   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x; 
    49 } 
    50  
    51 function MM_swapImage() { //v3.0 
    52   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) 
    53    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} 
    54 } 
    55 function MM_swapImgRestore() { //v3.0 
    56   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; 
    57 } 
    58  
    59 function MM_preloadImages() { //v3.0 
    60  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 
    61    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 
    62    if (a[i].indexOf("##")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
    63 } 
    6443 
    6544function selectColor(id1,id2,color) { 
     
    123102</head> 
    124103 
    125 <body onload="MM_preloadImages('../../../../images/okbtn_F2.gif', '../../../../images/cnclbtn_F2.gif');Init()"> 
     104<body class="dialog" onload="Init()"> 
     105<div class="title">Horizontal Rule</div> 
    126106<form action="" method="get"> 
    127 <table width="100%"> 
    128   <tr> 
    129         <td> 
    130           <div class="title">Horizontal Rule</div> 
    131         </td> 
    132   </tr> 
    133   <tr> 
    134         <td> 
    135           <fieldset> 
    136                 <legend>Layout</legend> 
    137                 <table width="100%"> 
    138                   <tr> 
    139                         <td align="right">Width:</td> 
    140                         <td><input style="margin-right: 0.5em;" name="f_width" id="f_width" size="5" type="text"> 
    141                                 <select style="margin-right: 0.5em;" name="f_widthUnit" id="f_widthUnit"> 
    142                                         <option value="%">percent</option> 
    143                                         <option value="px">pixels</option> 
    144                                         </select>&nbsp; 
    145                                 Height:&nbsp;<input style="margin-right: 0.5em;" name="f_size" id="f_size" size="5" type="text"> pixels 
    146                         </td> 
    147                   <tr> 
    148                   <tr> 
    149                         <td align="right"></td> 
    150                         <td>Alignment:<select name="f_align" id="f_align" style="margin-right: 0.5em; margin-left: 0.5em;"> 
    151                                         <option value="left">Left</option> 
    152                                         <option value="center">Center</option> 
    153                                         <option value="right">Right</option> 
    154                                 </select> 
    155                         </td> 
    156                         </tr> 
    157                   </table> 
    158           </fieldset> 
    159         </td> 
    160   </tr> 
    161   <tr> 
    162         <td> 
    163           <fieldset> 
    164                 <legend>Style</legend> 
    165                         <table width="100%"> 
    166                           <tr> 
    167                                 <td align="right">Color:</td> 
    168                                 <td> 
    169                                         <table cellpadding="2" cellspacing="0" id="hrbtn" class="buttonColor"> 
    170                                           <tr> 
    171                                                 <td class="chooser" id="hrpv" 
    172                                                         onMouseOver="document.getElementById('hrbtn').style.borderColor='black'" 
    173                                                         onMouseOut="document.getElementById('hrbtn').style.borderColor='ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight'" 
    174                                                         onClick="selectColor('hrpv','f_color',document.getElementById('f_color').value)">&nbsp;</td> 
    175                                                 <td class="nocolor" id="hrclr" 
    176                                                         onMouseOver="document.getElementById('hrclr').style.color='#f00'" 
    177                                                         onMouseOut="document.getElementById('hrclr').style.color='#000'" 
    178                                                         onClick="document.getElementById('f_color').value=''; 
    179                                                                 document.getElementById('hrpv').style.backgroundColor=''">&#x00d7;</td> 
    180                                           </tr> 
    181                                         </table> 
    182                                 </td> 
    183                                 <td> 
    184                                         <input type="hidden" name="f_color" id="f_color"> 
    185                                   <input type="checkbox" name="f_noshade" id="f_noshade" value="noshade"> 
    186                                   No shading 
    187                                 </td> 
    188                           </tr> 
    189                         </table> 
    190           </fieldset> 
    191         </td> 
    192   </tr> 
    193 <tr> 
    194   <td align="right"> 
    195     Note: To select an existing horizontal rule, a double-click may be needed. 
    196     <hr /> 
    197         <img name="okbtn" src="../../../../images/okbtn.gif" width="50" height="20" 
    198         onClick="return onOK()" onMouseOut="MM_swapImgRestore();" 
    199         onMouseOver="MM_swapImage('okbtn','','../../../../images/okbtn_f2.gif',1);"> 
    200         <img name="cnclbtn" src="../../../../images/cnclbtn.gif" width="101" height="20" 
    201         onClick="return onCancel()" onMouseOut="MM_swapImgRestore();" 
    202         onMouseOver="MM_swapImage('cnclbtn','','../../../../images/cnclbtn_f2.gif',1);"> 
    203    <!--  <button type="button" name="ok" onclick="return onOK();">OK</button> 
    204     <button type="button" name="cancel" onclick="return onCancel();">Cancel</button> --> 
    205   </td> 
    206 </tr> 
    207 </table> 
     107  <fieldset> 
     108  <legend>Layout</legend> 
     109    <div class="fr">Width:</div> 
     110    <input style="margin-right: 0.5em;" name="f_width" id="f_width" size="5" type="text"> 
     111    <select style="margin-right: 0.5em;" name="f_widthUnit" id="f_widthUnit"> 
     112      <option value="%">percent</option> 
     113      <option value="px">pixels</option> 
     114    </select> 
     115    <p /> 
     116    <div class="fr">Height:</div> 
     117    <input style="margin-right: 0.5em;" name="f_size" id="f_size" size="5" type="text"> <span>pixels</span> 
     118    <p /> 
     119    <div class="fr">Alignment:</div> 
     120    <select name="f_align" id="f_align"> 
     121      <option value="left">Left</option> 
     122      <option value="center">Center</option> 
     123      <option value="right">Right</option> 
     124    </select> 
     125    <p /> 
     126  </fieldset> 
     127  <fieldset> 
     128  <legend>Style</legend> 
     129    <div class="fr">Color:</div> 
     130    <table cellpadding="2" cellspacing="0" id="hrbtn" class="buttonColor"> 
     131    <tr> 
     132      <td class="chooser" id="hrpv" 
     133          onMouseOver="document.getElementById('hrbtn').style.borderColor='black'" 
     134          onMouseOut="document.getElementById('hrbtn').style.borderColor='ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight'" 
     135          onClick="selectColor('hrpv','f_color',document.getElementById('f_color').value)">&nbsp;</td> 
     136      <td class="nocolor" id="hrclr" 
     137          onMouseOver="document.getElementById('hrclr').style.color='#f00'" 
     138          onMouseOut="document.getElementById('hrclr').style.color='#000'" 
     139          onClick="document.getElementById('f_color').value=''; document.getElementById('hrpv').style.backgroundColor=''">&#x00d7;</td> 
     140    </tr> 
     141    </table> 
     142    <p /> 
     143    <div class="fr"> </div> 
     144    <input type="hidden" name="f_color" id="f_color"> 
     145    <input type="checkbox" name="f_noshade" id="f_noshade" value="noshade"> 
     146    <span>No shading</span> 
     147    <p /> 
     148  </fieldset> 
     149  <fieldset> 
     150          <legend>Note:</legend> 
     151    <span>To select an existing horizontal rule, a double-click may be needed.</span> 
     152  </fieldset> 
     153<div id="buttons"> 
     154  <button type="submit" name="ok" onclick="return onOK();">OK</button> 
     155  <button type="button" name="cancel" onclick="return onCancel();">Cancel</button> 
     156</div> 
    208157</form> 
    209  
    210158</body> 
    211159</html> 
Note: See TracChangeset for help on using the changeset viewer.