Mercurial > public > sg101

comparison static/js/tiny_mce/plugins/advimage/image.htm @ 442:6c182ceb7147

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fixing #217; upgrade TinyMCE to 3.4.2 and enable the paste plugin.
author Brian Neal <bgneal@gmail.com>
date Thu, 26 May 2011 00:43:49 +0000
parents 88b2b9cb8c1f
children
comparison
equal deleted inserted replaced
441:33d0c55e57a9 442:6c182ceb7147
8 <script type="text/javascript" src="../../utils/validate.js"></script> 8 <script type="text/javascript" src="../../utils/validate.js"></script>
9 <script type="text/javascript" src="../../utils/editable_selects.js"></script> 9 <script type="text/javascript" src="../../utils/editable_selects.js"></script>
10 <script type="text/javascript" src="js/image.js"></script> 10 <script type="text/javascript" src="js/image.js"></script>
11 <link href="css/advimage.css" rel="stylesheet" type="text/css" /> 11 <link href="css/advimage.css" rel="stylesheet" type="text/css" />
12 </head> 12 </head>
13 <body id="advimage" style="display: none"> 13 <body id="advimage" style="display: none" role="application" aria-labelledby="app_title">
14 <form onsubmit="ImageDialog.insert();return false;" action="#"> 14 <span id="app_title" style="display:none">{#advimage_dlg.dialog_title}</span>
15 <form onsubmit="ImageDialog.insert();return false;" action="#">
15 <div class="tabs"> 16 <div class="tabs">
16 <ul> 17 <ul>
17 <li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advimage_dlg.tab_general}</a></span></li> 18 <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advimage_dlg.tab_general}</a></span></li>
18 <li id="appearance_tab"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#advimage_dlg.tab_appearance}</a></span></li> 19 <li id="appearance_tab" aria-controls="appearance_panel"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#advimage_dlg.tab_appearance}</a></span></li>
19 <li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advimage_dlg.tab_advanced}</a></span></li> 20 <li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advimage_dlg.tab_advanced}</a></span></li>
20 </ul> 21 </ul>
21 </div> 22 </div>
22 23
23 <div class="panel_wrapper"> 24 <div class="panel_wrapper">
24 <div id="general_panel" class="panel current"> 25 <div id="general_panel" class="panel current">
25 <fieldset> 26 <fieldset>
26 <legend>{#advimage_dlg.general}</legend> 27 <legend>{#advimage_dlg.general}</legend>
27 28
28 <table class="properties"> 29 <table role="presentation" class="properties">
29 <tr> 30 <tr>
30 <td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td> 31 <td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
31 <td colspan="2"><table border="0" cellspacing="0" cellpadding="0"> 32 <td colspan="2"><table role="presentation" border="0" cellspacing="0" cellpadding="0">
32 <tr> 33 <tr>
33 <td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" /></td> 34 <td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" aria-required="true" /></td>
34 <td id="srcbrowsercontainer">&nbsp;</td> 35 <td id="srcbrowsercontainer">&nbsp;</td>
35 </tr> 36 </tr>
36 </table></td> 37 </table></td>
37 </tr> 38 </tr>
38 <tr> 39 <tr>
39 <td><label for="src_list">{#advimage_dlg.image_list}</label></td> 40 <td><label for="src_list">{#advimage_dlg.image_list}</label></td>
40 <td><select id="src_list" name="src_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;ImageDialog.showPreviewImage(this.options[this.selectedIndex].value);"><option value=""></option></select></td> 41 <td><select id="src_list" name="src_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;ImageDialog.showPreviewImage(this.options[this.selectedIndex].value);"><option value=""></option></select></td>
41 </tr> 42 </tr>
58 59
59 <div id="appearance_panel" class="panel"> 60 <div id="appearance_panel" class="panel">
60 <fieldset> 61 <fieldset>
61 <legend>{#advimage_dlg.tab_appearance}</legend> 62 <legend>{#advimage_dlg.tab_appearance}</legend>
62 63
63 <table border="0" cellpadding="4" cellspacing="0"> 64 <table role="presentation" border="0" cellpadding="4" cellspacing="0">
64 <tr> 65 <tr>
65 <td class="column1"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></td> 66 <td class="column1"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></td>
66 <td><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();"> 67 <td><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();">
67 <option value="">{#not_set}</option> 68 <option value="">{#not_set}</option>
68 <option value="baseline">{#advimage_dlg.align_baseline}</option> 69 <option value="baseline">{#advimage_dlg.align_baseline}</option>
84 erat volutpat. 85 erat volutpat.
85 </div> 86 </div>
86 </td> 87 </td>
87 </tr> 88 </tr>
88 89
89 <tr> 90 <tr role="group" aria-labelledby="widthlabel">
90 <td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td> 91 <td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td>
91 <td class="nowrap"> 92 <td class="nowrap">
92 <input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" /> x 93 <span style="display:none" id="width_voiceLabel">{#advimage_dlg.width}</span>
93 <input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" /> px 94 <input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" aria-labelledby="width_voiceLabel" /> x
95 <span style="display:none" id="height_voiceLabel">{#advimage_dlg.height}</span>
96 <input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" aria-labelledby="height_voiceLabel" /> px
94 </td> 97 </td>
95 </tr> 98 </tr>
96 99
97 <tr> 100 <tr>
98 <td>&nbsp;</td> 101 <td>&nbsp;</td>
99 <td><table border="0" cellpadding="0" cellspacing="0"> 102 <td><table role="presentation" border="0" cellpadding="0" cellspacing="0">
100 <tr> 103 <tr>
101 <td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td> 104 <td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td>
102 <td><label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label></td> 105 <td><label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label></td>
103 </tr> 106 </tr>
104 </table></td> 107 </table></td>
140 143
141 <div id="advanced_panel" class="panel"> 144 <div id="advanced_panel" class="panel">
142 <fieldset> 145 <fieldset>
143 <legend>{#advimage_dlg.swap_image}</legend> 146 <legend>{#advimage_dlg.swap_image}</legend>
144 147
145 <input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" /> 148 <input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" aria-controls="onmouseoversrc onmouseoutsrc" />
146 <label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label> 149 <label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label>
147 150
148 <table border="0" cellpadding="4" cellspacing="0" width="100%"> 151 <table role="presentation" border="0" cellpadding="4" cellspacing="0" width="100%">
149 <tr> 152 <tr>
150 <td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td> 153 <td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td>
151 <td><table border="0" cellspacing="0" cellpadding="0"> 154 <td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
152 <tr> 155 <tr>
153 <td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td> 156 <td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td>
154 <td id="onmouseoversrccontainer">&nbsp;</td> 157 <td id="onmouseoversrccontainer">&nbsp;</td>
155 </tr> 158 </tr>
156 </table></td> 159 </table></td>
157 </tr> 160 </tr>
158 <tr> 161 <tr>
159 <td><label for="over_list">{#advimage_dlg.image_list}</label></td> 162 <td><label for="over_list">{#advimage_dlg.image_list}</label></td>
160 <td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td> 163 <td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
161 </tr> 164 </tr>
162 <tr> 165 <tr>
163 <td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td> 166 <td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td>
164 <td class="column2"><table border="0" cellspacing="0" cellpadding="0"> 167 <td class="column2"><table role="presentation" border="0" cellspacing="0" cellpadding="0">
165 <tr> 168 <tr>
166 <td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td> 169 <td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td>
167 <td id="onmouseoutsrccontainer">&nbsp;</td> 170 <td id="onmouseoutsrccontainer">&nbsp;</td>
168 </tr> 171 </tr>
169 </table></td> 172 </table></td>
170 </tr> 173 </tr>
171 <tr> 174 <tr>
172 <td><label for="out_list">{#advimage_dlg.image_list}</label></td> 175 <td><label for="out_list">{#advimage_dlg.image_list}</label></td>
173 <td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td> 176 <td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
174 </tr> 177 </tr>
176 </fieldset> 179 </fieldset>
177 180
178 <fieldset> 181 <fieldset>
179 <legend>{#advimage_dlg.misc}</legend> 182 <legend>{#advimage_dlg.misc}</legend>
180 183
181 <table border="0" cellpadding="4" cellspacing="0"> 184 <table role="presentation" border="0" cellpadding="4" cellspacing="0">
182 <tr> 185 <tr>
183 <td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td> 186 <td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td>
184 <td><input id="id" name="id" type="text" value="" /></td> 187 <td><input id="id" name="id" type="text" value="" /></td>
185 </tr> 188 </tr>
186 189
209 </td> 212 </td>
210 </tr> 213 </tr>
211 214
212 <tr> 215 <tr>
213 <td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td> 216 <td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td>
214 <td><table border="0" cellspacing="0" cellpadding="0"> 217 <td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
215 <tr> 218 <tr>
216 <td><input id="longdesc" name="longdesc" type="text" value="" /></td> 219 <td><input id="longdesc" name="longdesc" type="text" value="" /></td>
217 <td id="longdesccontainer">&nbsp;</td> 220 <td id="longdesccontainer">&nbsp;</td>
218 </tr> 221 </tr>
219 </table></td> 222 </table></td>
220 </tr> 223 </tr>
221 </table> 224 </table>
222 </fieldset> 225 </fieldset>
223 </div> 226 </div>
224 </div> 227 </div>
225 228
226 <div class="mceActionPanel"> 229 <div class="mceActionPanel">
227 <input type="submit" id="insert" name="insert" value="{#insert}" /> 230 <input type="submit" id="insert" name="insert" value="{#insert}" />
228 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" /> 231 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
229 </div> 232 </div>
230 </form> 233 </form>
231 </body> 234 </body>
232 </html> 235 </html>