<script type="text/javascript" src="../../utils/mctabs.js"></script>\r
<script type="text/javascript" src="../../utils/form_utils.js"></script>\r
<script type="text/javascript" src="js/image.js"></script>\r
- <base target="_self" />\r
</head>\r
<body id="image" style="display: none">\r
<form onsubmit="ImageDialog.update();return false;" action="#">\r
\r
<div class="panel_wrapper">\r
<div id="general_panel" class="panel current">\r
- <table border="0" cellpadding="4" cellspacing="0">\r
- <tr>\r
- <td nowrap="nowrap"><label for="src">{#advanced_dlg.image_src}</label></td>\r
- <td><table border="0" cellspacing="0" cellpadding="0">\r
- <tr>\r
- <td><input id="src" name="src" type="text" class="mceFocus" value="" style="width: 200px" onchange="ImageDialog.getImageData();" /></td>\r
- <td id="srcbrowsercontainer"> </td>\r
- </tr>\r
- </table></td>\r
- </tr>\r
- <tr>\r
- <td><label for="image_list">{#advanced_dlg.image_list}</label></td>\r
- <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>\r
- </tr>\r
- <tr>\r
- <td nowrap="nowrap"><label for="alt">{#advanced_dlg.image_alt}</label></td>\r
- <td><input id="alt" name="alt" type="text" value="" style="width: 200px" /></td>\r
- </tr>\r
- <tr>\r
- <td nowrap="nowrap"><label for="align">{#advanced_dlg.image_align}</label></td>\r
- <td><select id="align" name="align" onchange="ImageDialog.updateStyle();">\r
- <option value="">{#not_set}</option>\r
- <option value="baseline">{#advanced_dlg.image_align_baseline}</option>\r
- <option value="top">{#advanced_dlg.image_align_top}</option>\r
- <option value="middle">{#advanced_dlg.image_align_middle}</option>\r
- <option value="bottom">{#advanced_dlg.image_align_bottom}</option>\r
- <option value="text-top">{#advanced_dlg.image_align_texttop}</option>\r
- <option value="text-bottom">{#advanced_dlg.image_align_textbottom}</option>\r
- <option value="left">{#advanced_dlg.image_align_left}</option>\r
- <option value="right">{#advanced_dlg.image_align_right}</option>\r
- </select></td>\r
- </tr>\r
- <tr>\r
- <td nowrap="nowrap"><label for="width">{#advanced_dlg.image_dimensions}</label></td>\r
- <td><input id="width" name="width" type="text" value="" size="3" maxlength="5" />\r
- x\r
- <input id="height" name="height" type="text" value="" size="3" maxlength="5" /></td>\r
- </tr>\r
- <tr>\r
- <td nowrap="nowrap"><label for="border">{#advanced_dlg.image_border}</label></td>\r
- <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td>\r
- </tr>\r
- <tr>\r
- <td nowrap="nowrap"><label for="vspace">{#advanced_dlg.image_vspace}</label></td>\r
- <td><input id="vspace" name="vspace" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td>\r
- </tr>\r
- <tr>\r
- <td nowrap="nowrap"><label for="hspace">{#advanced_dlg.image_hspace}</label></td>\r
- <td><input id="hspace" name="hspace" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td>\r
- </tr>\r
- </table>\r
+ <table border="0" cellpadding="4" cellspacing="0">\r
+ <tr>\r
+ <td class="nowrap"><label for="src">{#advanced_dlg.image_src}</label></td>\r
+ <td><table border="0" cellspacing="0" cellpadding="0">\r
+ <tr>\r
+ <td><input id="src" name="src" type="text" class="mceFocus" value="" style="width: 200px" onchange="ImageDialog.getImageData();" /></td>\r
+ <td id="srcbrowsercontainer"> </td>\r
+ </tr>\r
+ </table></td>\r
+ </tr>\r
+ <tr>\r
+ <td><label for="image_list">{#advanced_dlg.image_list}</label></td>\r
+ <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>\r
+ </tr>\r
+ <tr>\r
+ <td class="nowrap"><label for="alt">{#advanced_dlg.image_alt}</label></td>\r
+ <td><input id="alt" name="alt" type="text" value="" style="width: 200px" /></td>\r
+ </tr>\r
+ <tr>\r
+ <td class="nowrap"><label for="align">{#advanced_dlg.image_align}</label></td>\r
+ <td><select id="align" name="align" onchange="ImageDialog.updateStyle();">\r
+ <option value="">{#not_set}</option>\r
+ <option value="baseline">{#advanced_dlg.image_align_baseline}</option>\r
+ <option value="top">{#advanced_dlg.image_align_top}</option>\r
+ <option value="middle">{#advanced_dlg.image_align_middle}</option>\r
+ <option value="bottom">{#advanced_dlg.image_align_bottom}</option>\r
+ <option value="text-top">{#advanced_dlg.image_align_texttop}</option>\r
+ <option value="text-bottom">{#advanced_dlg.image_align_textbottom}</option>\r
+ <option value="left">{#advanced_dlg.image_align_left}</option>\r
+ <option value="right">{#advanced_dlg.image_align_right}</option>\r
+ </select></td>\r
+ </tr>\r
+ <tr>\r
+ <td class="nowrap"><label for="width">{#advanced_dlg.image_dimensions}</label></td>\r
+ <td><input id="width" name="width" type="text" value="" size="3" maxlength="5" />\r
+ x \r
+ <input id="height" name="height" type="text" value="" size="3" maxlength="5" /></td>\r
+ </tr>\r
+ <tr>\r
+ <td class="nowrap"><label for="border">{#advanced_dlg.image_border}</label></td>\r
+ <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td>\r
+ </tr>\r
+ <tr>\r
+ <td class="nowrap"><label for="vspace">{#advanced_dlg.image_vspace}</label></td>\r
+ <td><input id="vspace" name="vspace" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td>\r
+ </tr>\r
+ <tr>\r
+ <td class="nowrap"><label for="hspace">{#advanced_dlg.image_hspace}</label></td>\r
+ <td><input id="hspace" name="hspace" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td>\r
+ </tr>\r
+ </table>\r
</div>\r
</div>\r
\r
<div class="mceActionPanel">\r
- <div style="float: left">\r
- <input type="submit" id="insert" name="insert" value="{#insert}" />\r
- </div>\r
-\r
- <div style="float: right">\r
- <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />\r
- </div>\r
+ <input type="submit" id="insert" name="insert" value="{#insert}" />\r
+ <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />\r
</div>\r
</form>\r
</body>\r