|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
1 <html xmlns="http://www.w3.org/1999/xhtml"> |
2 <html xmlns="http://www.w3.org/1999/xhtml"> |
2 <head> |
3 <head> |
3 <title>{$lang_insert_image_title}</title> |
4 <title>{#advanced_dlg.image_title}</title> |
4 <script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script> |
5 <script type="text/javascript" src="../../tiny_mce_popup.js"></script> |
5 <script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script> |
6 <script type="text/javascript" src="../../utils/mctabs.js"></script> |
6 <script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script> |
7 <script type="text/javascript" src="../../utils/form_utils.js"></script> |
7 <script language="javascript" type="text/javascript" src="jscripts/image.js"></script> |
8 <script type="text/javascript" src="js/image.js"></script> |
8 <base target="_self" /> |
9 <base target="_self" /> |
9 </head> |
10 </head> |
10 <body id="image" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none"> |
11 <body id="image" style="display: none"> |
11 <form onsubmit="insertImage();return false;" action="#"> |
12 <form onsubmit="ImageDialog.update();return false;" action="#"> |
12 <div class="tabs"> |
13 <div class="tabs"> |
13 <ul> |
14 <ul> |
14 <li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_insert_image_title}</a></span></li> |
15 <li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advanced_dlg.image_title}</a></span></li> |
15 </ul> |
16 </ul> |
16 </div> |
17 </div> |
17 |
18 |
18 <div class="panel_wrapper"> |
19 <div class="panel_wrapper"> |
19 <div id="general_panel" class="panel current"> |
20 <div id="general_panel" class="panel current"> |
20 <table border="0" cellpadding="4" cellspacing="0"> |
21 <table border="0" cellpadding="4" cellspacing="0"> |
21 <tr> |
22 <tr> |
22 <td nowrap="nowrap"><label for="src">{$lang_insert_image_src}</label></td> |
23 <td nowrap="nowrap"><label for="src">{#advanced_dlg.image_src}</label></td> |
23 <td><table border="0" cellspacing="0" cellpadding="0"> |
24 <td><table border="0" cellspacing="0" cellpadding="0"> |
24 <tr> |
25 <tr> |
25 <td><input id="src" name="src" type="text" value="" style="width: 200px" onchange="getImageData();"></td> |
26 <td><input id="src" name="src" type="text" value="" style="width: 200px" onchange="ImageDialog.getImageData();" /></td> |
26 <td id="srcbrowsercontainer"> </td> |
27 <td id="srcbrowsercontainer"> </td> |
27 </tr> |
28 </tr> |
28 </table></td> |
29 </table></td> |
29 </tr> |
30 </tr> |
30 <!-- Image list --> |
31 <tr> |
31 <script language="javascript"> |
32 <td><label for="image_list">{#advanced_dlg.image_list}</label></td> |
32 if (typeof(tinyMCEImageList) != "undefined" && tinyMCEImageList.length > 0) { |
33 <td><select id="image_list" name="image_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;"></select></td> |
33 var html = ""; |
34 </tr> |
34 |
|
35 html += '<tr><td><label for="image_list">{$lang_image_list}</label></td>'; |
|
36 html += '<td><select id="image_list" name="image_list" style="width: 200px" onchange="this.form.src.value=this.options[this.selectedIndex].value;resetImageData();getImageData();">'; |
|
37 html += '<option value="">---</option>'; |
|
38 |
|
39 for (var i=0; i<tinyMCEImageList.length; i++) |
|
40 html += '<option value="' + tinyMCEImageList[i][1] + '">' + tinyMCEImageList[i][0] + '</option>'; |
|
41 |
|
42 html += '</select></td></tr>'; |
|
43 |
|
44 document.write(html); |
|
45 } |
|
46 </script> |
|
47 <!-- /Image list --> |
|
48 <tr> |
35 <tr> |
49 <td nowrap="nowrap"><label for="alt">{$lang_insert_image_alt}</label></td> |
36 <td nowrap="nowrap"><label for="alt">{#advanced_dlg.image_alt}</label></td> |
50 <td><input id="alt" name="alt" type="text" value="" style="width: 200px"></td> |
37 <td><input id="alt" name="alt" type="text" value="" style="width: 200px" /></td> |
51 </tr> |
38 </tr> |
52 <tr> |
39 <tr> |
53 <td nowrap="nowrap"><label for="align">{$lang_insert_image_align}</label></td> |
40 <td nowrap="nowrap"><label for="align">{#advanced_dlg.image_align}</label></td> |
54 <td><select id="align" name="align"> |
41 <td><select id="align" name="align" onchange="ImageDialog.updateStyle();"> |
55 <option value="">{$lang_insert_image_align_default}</option> |
42 <option value="">{#not_set}</option> |
56 <option value="baseline">{$lang_insert_image_align_baseline}</option> |
43 <option value="baseline">{#advanced_dlg.image_align_baseline}</option> |
57 <option value="top">{$lang_insert_image_align_top}</option> |
44 <option value="top">{#advanced_dlg.image_align_top}</option> |
58 <option value="middle">{$lang_insert_image_align_middle}</option> |
45 <option value="middle">{#advanced_dlg.image_align_middle}</option> |
59 <option value="bottom">{$lang_insert_image_align_bottom}</option> |
46 <option value="bottom">{#advanced_dlg.image_align_bottom}</option> |
60 <option value="texttop">{$lang_insert_image_align_texttop}</option> |
47 <option value="text-top">{#advanced_dlg.image_align_texttop}</option> |
61 <option value="absmiddle">{$lang_insert_image_align_absmiddle}</option> |
48 <option value="text-bottom">{#advanced_dlg.image_align_textbottom}</option> |
62 <option value="absbottom">{$lang_insert_image_align_absbottom}</option> |
49 <option value="left">{#advanced_dlg.image_align_left}</option> |
63 <option value="left">{$lang_insert_image_align_left}</option> |
50 <option value="right">{#advanced_dlg.image_align_right}</option> |
64 <option value="right">{$lang_insert_image_align_right}</option> |
|
65 </select></td> |
51 </select></td> |
66 </tr> |
52 </tr> |
67 <tr> |
53 <tr> |
68 <td nowrap="nowrap"><label for="width">{$lang_insert_image_dimensions}</label></td> |
54 <td nowrap="nowrap"><label for="width">{#advanced_dlg.image_dimensions}</label></td> |
69 <td><input id="width" name="width" type="text" value="" size="3" maxlength="3"> |
55 <td><input id="width" name="width" type="text" value="" size="3" maxlength="5" /> |
70 x |
56 x |
71 <input id="height" name="height" type="text" value="" size="3" maxlength="3"></td> |
57 <input id="height" name="height" type="text" value="" size="3" maxlength="5" /></td> |
72 </tr> |
58 </tr> |
73 <tr> |
59 <tr> |
74 <td nowrap="nowrap"><label for="border">{$lang_insert_image_border}</label></td> |
60 <td nowrap="nowrap"><label for="border">{#advanced_dlg.image_border}</label></td> |
75 <td><input id="border" name="border" type="text" value="" size="3" maxlength="3"></td> |
61 <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td> |
76 </tr> |
62 </tr> |
77 <tr> |
63 <tr> |
78 <td nowrap="nowrap"><label for="vspace">{$lang_insert_image_vspace}</label></td> |
64 <td nowrap="nowrap"><label for="vspace">{#advanced_dlg.image_vspace}</label></td> |
79 <td><input id="vspace" name="vspace" type="text" value="" size="3" maxlength="3"></td> |
65 <td><input id="vspace" name="vspace" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td> |
80 </tr> |
66 </tr> |
81 <tr> |
67 <tr> |
82 <td nowrap="nowrap"><label for="hspace">{$lang_insert_image_hspace}</label></td> |
68 <td nowrap="nowrap"><label for="hspace">{#advanced_dlg.image_hspace}</label></td> |
83 <td><input id="hspace" name="hspace" type="text" value="" size="3" maxlength="3"></td> |
69 <td><input id="hspace" name="hspace" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td> |
84 </tr> |
70 </tr> |
85 </table> |
71 </table> |
86 </div> |
72 </div> |
87 </div> |
73 </div> |
88 |
74 |
89 <div class="mceActionPanel"> |
75 <div class="mceActionPanel"> |
90 <div style="float: left"> |
76 <div style="float: left"> |
91 <input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertImage();" /> |
77 <input type="button" id="insert" name="insert" value="{#insert}" onclick="ImageDialog.update();" /> |
92 </div> |
78 </div> |
93 |
79 |
94 <div style="float: right"> |
80 <div style="float: right"> |
95 <input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" /> |
81 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" /> |
96 </div> |
82 </div> |
97 </div> |
83 </div> |
98 </form> |
84 </form> |
99 </body> |
85 </body> |
100 </html> |
86 </html> |