Mercurial > hg > AnnotationManager

comparison WebContent/jscripts/tiny_mce/plugins/advimage/image.htm @ 5:0be9d53a6967

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
editor for annotations
author dwinter
date Tue, 13 Dec 2011 17:43:46 +0100
parents
children
comparison
equal deleted inserted replaced
4:c32080f364c6 5:0be9d53a6967
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title>{#advimage_dlg.dialog_title}</title>
5 <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
6 <script type="text/javascript" src="../../utils/mctabs.js"></script>
7 <script type="text/javascript" src="../../utils/form_utils.js"></script>
8 <script type="text/javascript" src="../../utils/validate.js"></script>
9 <script type="text/javascript" src="../../utils/editable_selects.js"></script>
10 <script type="text/javascript" src="js/image.js"></script>
11 <link href="css/advimage.css" rel="stylesheet" type="text/css" />
12 </head>
13 <body id="advimage" style="display: none" role="application" aria-labelledby="app_title">
14 <span id="app_title" style="display:none">{#advimage_dlg.dialog_title}</span>
15 <form onsubmit="ImageDialog.insert();return false;" action="#">
16 <div class="tabs">
17 <ul>
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>
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>
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>
21 </ul>
22 </div>
23
24 <div class="panel_wrapper">
25 <div id="general_panel" class="panel current">
26 <fieldset>
27 <legend>{#advimage_dlg.general}</legend>
28
29 <table role="presentation" class="properties">
30 <tr>
31 <td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
32 <td colspan="2"><table role="presentation" border="0" cellspacing="0" cellpadding="0">
33 <tr>
34 <td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" aria-required="true" /></td>
35 <td id="srcbrowsercontainer">&nbsp;</td>
36 </tr>
37 </table></td>
38 </tr>
39 <tr>
40 <td><label for="src_list">{#advimage_dlg.image_list}</label></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>
42 </tr>
43 <tr>
44 <td class="column1"><label id="altlabel" for="alt">{#advimage_dlg.alt}</label></td>
45 <td colspan="2"><input id="alt" name="alt" type="text" value="" /></td>
46 </tr>
47 <tr>
48 <td class="column1"><label id="titlelabel" for="title">{#advimage_dlg.title}</label></td>
49 <td colspan="2"><input id="title" name="title" type="text" value="" /></td>
50 </tr>
51 </table>
52 </fieldset>
53
54 <fieldset>
55 <legend>{#advimage_dlg.preview}</legend>
56 <div id="prev"></div>
57 </fieldset>
58 </div>
59
60 <div id="appearance_panel" class="panel">
61 <fieldset>
62 <legend>{#advimage_dlg.tab_appearance}</legend>
63
64 <table role="presentation" border="0" cellpadding="4" cellspacing="0">
65 <tr>
66 <td class="column1"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></td>
67 <td><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();">
68 <option value="">{#not_set}</option>
69 <option value="baseline">{#advimage_dlg.align_baseline}</option>
70 <option value="top">{#advimage_dlg.align_top}</option>
71 <option value="middle">{#advimage_dlg.align_middle}</option>
72 <option value="bottom">{#advimage_dlg.align_bottom}</option>
73 <option value="text-top">{#advimage_dlg.align_texttop}</option>
74 <option value="text-bottom">{#advimage_dlg.align_textbottom}</option>
75 <option value="left">{#advimage_dlg.align_left}</option>
76 <option value="right">{#advimage_dlg.align_right}</option>
77 </select>
78 </td>
79 <td rowspan="6" valign="top">
80 <div class="alignPreview">
81 <img id="alignSampleImg" src="img/sample.gif" alt="{#advimage_dlg.example_img}" />
82 Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam
83 nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum
84 edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
85 erat volutpat.
86 </div>
87 </td>
88 </tr>
89
90 <tr role="group" aria-labelledby="widthlabel">
91 <td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td>
92 <td class="nowrap">
93 <span style="display:none" id="width_voiceLabel">{#advimage_dlg.width}</span>
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
97 </td>
98 </tr>
99
100 <tr>
101 <td>&nbsp;</td>
102 <td><table role="presentation" border="0" cellpadding="0" cellspacing="0">
103 <tr>
104 <td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td>
105 <td><label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label></td>
106 </tr>
107 </table></td>
108 </tr>
109
110 <tr>
111 <td class="column1"><label id="vspacelabel" for="vspace">{#advimage_dlg.vspace}</label></td>
112 <td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" />
113 </td>
114 </tr>
115
116 <tr>
117 <td class="column1"><label id="hspacelabel" for="hspace">{#advimage_dlg.hspace}</label></td>
118 <td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" /></td>
119 </tr>
120
121 <tr>
122 <td class="column1"><label id="borderlabel" for="border">{#advimage_dlg.border}</label></td>
123 <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" /></td>
124 </tr>
125
126 <tr>
127 <td><label for="class_list">{#class_name}</label></td>
128 <td colspan="2"><select id="class_list" name="class_list" class="mceEditableSelect"><option value=""></option></select></td>
129 </tr>
130
131 <tr>
132 <td class="column1"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></td>
133 <td colspan="2"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></td>
134 </tr>
135
136 <!-- <tr>
137 <td class="column1"><label id="classeslabel" for="classes">{#advimage_dlg.classes}</label></td>
138 <td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td>
139 </tr> -->
140 </table>
141 </fieldset>
142 </div>
143
144 <div id="advanced_panel" class="panel">
145 <fieldset>
146 <legend>{#advimage_dlg.swap_image}</legend>
147
148 <input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" aria-controls="onmouseoversrc onmouseoutsrc" />
149 <label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label>
150
151 <table role="presentation" border="0" cellpadding="4" cellspacing="0" width="100%">
152 <tr>
153 <td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td>
154 <td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
155 <tr>
156 <td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td>
157 <td id="onmouseoversrccontainer">&nbsp;</td>
158 </tr>
159 </table></td>
160 </tr>
161 <tr>
162 <td><label for="over_list">{#advimage_dlg.image_list}</label></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>
164 </tr>
165 <tr>
166 <td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td>
167 <td class="column2"><table role="presentation" border="0" cellspacing="0" cellpadding="0">
168 <tr>
169 <td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td>
170 <td id="onmouseoutsrccontainer">&nbsp;</td>
171 </tr>
172 </table></td>
173 </tr>
174 <tr>
175 <td><label for="out_list">{#advimage_dlg.image_list}</label></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>
177 </tr>
178 </table>
179 </fieldset>
180
181 <fieldset>
182 <legend>{#advimage_dlg.misc}</legend>
183
184 <table role="presentation" border="0" cellpadding="4" cellspacing="0">
185 <tr>
186 <td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td>
187 <td><input id="id" name="id" type="text" value="" /></td>
188 </tr>
189
190 <tr>
191 <td class="column1"><label id="dirlabel" for="dir">{#advimage_dlg.langdir}</label></td>
192 <td>
193 <select id="dir" name="dir" onchange="ImageDialog.changeAppearance();">
194 <option value="">{#not_set}</option>
195 <option value="ltr">{#advimage_dlg.ltr}</option>
196 <option value="rtl">{#advimage_dlg.rtl}</option>
197 </select>
198 </td>
199 </tr>
200
201 <tr>
202 <td class="column1"><label id="langlabel" for="lang">{#advimage_dlg.langcode}</label></td>
203 <td>
204 <input id="lang" name="lang" type="text" value="" />
205 </td>
206 </tr>
207
208 <tr>
209 <td class="column1"><label id="usemaplabel" for="usemap">{#advimage_dlg.map}</label></td>
210 <td>
211 <input id="usemap" name="usemap" type="text" value="" />
212 </td>
213 </tr>
214
215 <tr>
216 <td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td>
217 <td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
218 <tr>
219 <td><input id="longdesc" name="longdesc" type="text" value="" /></td>
220 <td id="longdesccontainer">&nbsp;</td>
221 </tr>
222 </table></td>
223 </tr>
224 </table>
225 </fieldset>
226 </div>
227 </div>
228
229 <div class="mceActionPanel">
230 <input type="submit" id="insert" name="insert" value="{#insert}" />
231 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
232 </div>
233 </form>
234 </body>
235 </html>