A tumblelog CMS built on AJAX, PHP and MySQL.

image.htm 4.8KB

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