source: trunk/plugins/HorizontalRule/popups/edit_horizontal_rule.html @ 347

Last change on this file since 347 was 347, checked in by wymsy, 15 years ago

New plugin: HorizontalRule?. see ticket #3

File size: 6.5 KB
Line 
1<html style="width: 400px; height: 150px;">
2
3<head>
4  <title>Insert/Edit Horizontal Rule</title>
5
6<script type="text/javascript" src="../../../popups/popup.js"></script>
7
8<script type="text/javascript">
9editor = window.opener.editor;
10
11function Init() {
12  window.resizeTo(400,170);
13        __dlg_init();
14    var params = window.dialogArguments;
15        if(params) {
16                document.getElementById("f_size").value = params.f_size;
17                document.getElementById("f_width").value = params.f_width;
18                document.getElementById("f_widthUnit").value = params.f_widthUnit;
19                document.getElementById("f_align").value = params.f_align;
20                document.getElementById("f_color").value = params.f_color;
21                document.getElementById("hrpv").style.backgroundColor = params.f_color;
22                document.getElementById("f_noshade").checked = params.f_noshade;
23        }
24        document.getElementById("f_width").focus();
25};
26
27function onOK() {
28  var fields = ["f_size", "f_width", "f_widthUnit", "f_align", "f_color", "f_noshade"];
29  var param = new Object();
30  for (var i in fields) {
31    var id = fields[i];
32        var el = document.getElementById(id);
33    param[id] = (el.type == "checkbox") ? el.checked : el.value;
34  }
35  __dlg_close(param);
36  return false;
37};
38
39function onCancel() {
40  __dlg_close(null);
41  return false;
42};
43
44function 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
51function 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}
55function 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
59function 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}
64
65function selectColor(id1,id2,color) {
66        Dialog(editor.popupURL("select_color.html"), function(color){
67                if (color) {
68                        document.getElementById(id1).style.backgroundColor="#"+color;
69                        document.getElementById(id2).value="#"+color;
70                }
71        }, color);
72}
73function Dialog(url, action, init) {
74        Dialog.openModal(url, action, init);
75};
76Dialog.openModal = function(url, action, init) {
77        var dlg2 = window.open(url, "hadialog2",
78                  "toolbar=no,menubar=no,personalbar=no,width=10,height=10," +
79                  "scrollbars=no,resizable=yes,modal=yes,dependable=yes");
80        Dialog._modal = dlg2;
81        Dialog._arguments = init;
82        Dialog._return = function (val) {
83                if (val && action) {
84                        action(val);
85                }
86                Dialog._modal = null;
87        };
88};
89
90</script>
91
92<style type="text/css">
93.buttonColor {
94  padding: 1px;
95  cursor: default;
96  border: 1px solid;
97  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
98}
99
100.buttonColor-hilite {
101  border-color: #000;
102}
103
104.buttonColor .chooser {
105  height: 0.6em;
106  border: 1px solid;
107  padding: 0px 1em;
108  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
109}
110
111.buttonColor .nocolor {
112  padding: 0px;
113  height: 0.6em;
114  border: 1px solid;
115  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
116}
117.buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }
118</style>
119<style type="text/css">
120@import url(../../../popups/popupstyle.css);
121</style>
122
123</head>
124
125<body onload="MM_preloadImages('../../../../images/okbtn_F2.gif', '../../../../images/cnclbtn_F2.gif');Init()">
126<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>
208</form>
209
210</body>
211</html>
Note: See TracBrowser for help on using the repository browser.