popup.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Image Map Editor</title>
  6. <!--[if gte IE 6]>
  7. <script type="text/javascript" src="jscripts/excanvas.js"></script>
  8. <![endif]-->
  9. <script type="text/javascript" src="jscripts/imgmap.js?"></script>
  10. <script type="text/javascript" src="jscripts/functions.js?"></script>
  11. <link rel="stylesheet" href="css/imgmap.css" type="text/css"/>
  12. <meta http-equiv="imagetoolbar" content="no"/>
  13. <style type="text/css">
  14. body, td, input, textarea, select, label { font-family: Arial, Verdana, Geneva, helvetica, sans-serif; font-size: 11px; }
  15. </style>
  16. </head>
  17. <body>
  18. <form id="img_area_form">
  19. <fieldset>
  20. <legend>
  21. <a onclick="toggleFieldset(this.parentNode.parentNode)" fckLang="imgmapMap">Map</a>
  22. </legend>
  23. <div style="float: left">
  24. <label for="MapName" fckLang="imgmapMapName">Map name</label>
  25. <input type="text" id="MapName" value="" size="30" onchange="myimgmap.mapname = this.value"/>
  26. </div>
  27. <div style="float: right">
  28. <input type="button" id="remove" name="remove" fckLang="imgmapBtnRemove" value="Remove Map" onclick="removeMap();" />
  29. </div>
  30. </fieldset>
  31. <fieldset>
  32. <legend>
  33. <a onclick="toggleFieldset(this.parentNode.parentNode)" fckLang="imgmapMapAreas">Image Map Areas</a>
  34. </legend>
  35. <div>
  36. <div id="button_container" style="float: left;">
  37. <!-- buttons come here -->
  38. <a href="javascript:setMode('pointer')"><img src="images/pointer.png" alt="Pointer" id="imgpointer"></a>
  39. <a href="javascript:setMode('rectangle')"><img src="images/rect.png" alt="Rectangle" id="imgrectangle"></a>
  40. <a href="javascript:setMode('circle')"><img src="images/circle.png" alt="Circle" id="imgcircle"></a>
  41. <a href="javascript:setMode('polygon')"><img src="images/poly.png" alt="Polygon" id="imgpolygon"></a>
  42. </div>
  43. <div style="float: right; margin: 0 5px">
  44. <select onchange="changelabeling(this)">
  45. <option value='' fckLang="imgmapNoLabel">No labeling</option>
  46. <option value='%n' selected='selected' fckLang="imgmapLabelNumber">Label with numbers</option>
  47. <option value='%a' fckLang="imgmapLabelAlt">Label with alt text</option>
  48. <option value='%h' fckLang="imgmapLabelHref">Label with href</option>
  49. <option value='%t' fckLang="imgmapLabelTitle">Label with title</option>
  50. <option value='%c' fckLang="imgmapLabelCoords">Label with coords</option>
  51. </select>
  52. </div>
  53. </div>
  54. <div id="properties" style="visibility:hidden;">
  55. <table cellspacing="0" cellpadding="0" border="0">
  56. <tr>
  57. <td width="100%">
  58. <label for="txtUrl" fcklang="DlgImgURL">URL</label><br>
  59. <input id="txtUrl" style="width: 100%" type="text" onchange="SetUrl(this.value)" />
  60. </td>
  61. <td id="tdBrowse" nowrap="nowrap">
  62. <br>&nbsp;
  63. <input id="btnBrowse" onclick="BrowseServer();" type="button" value="Browse Server" fcklang="DlgBtnBrowseServer" style="display:none"/>
  64. </td>
  65. <td><label for="cmbTarget" fckLang="DlgLnkTarget">Target</label><br>
  66. <select id="cmbTarget" onchange="SetTarget(this.value);">
  67. <option value="" fckLang="DlgGenNotSet" selected="selected">&lt;not set&gt;</option>
  68. <option value="_self" fckLang="DlgLnkTargetSelf">Same Window (_self)</option>
  69. <option value="_blank" fckLang="DlgLnkTargetBlank">New Window (_blank)</option>
  70. <option value="_top" fckLang="DlgLnkTargetTop">Topmost Window (_top)</option>
  71. </select>
  72. </tr>
  73. <tr>
  74. <td colspan="2">
  75. <label for="txtAlt" fcklang="DlgImgAlt">Short Description</label><br />
  76. <input id="txtAlt" style="width: 100%" type="text" onchange="SetAlt(this.value)" />
  77. </td>
  78. <td>
  79. <label for="txtAttTitle" fckLang="DlgGenTitle">Advisory Title</label><br />
  80. <input id="txtAttTitle" type="text" onchange="SetTitle(this.value)" />
  81. </td>
  82. </tr>
  83. </table>
  84. </div>
  85. <div id="status_container"></div>
  86. </fieldset>
  87. <fieldset>
  88. <legend>
  89. <a onclick="toggleFieldset(this.parentNode.parentNode)" fckLang="DlgImgPreview">Preview</a>
  90. </legend>
  91. <div id="pic_container">
  92. </div>
  93. </fieldset>
  94. </form>
  95. </body>
  96. </html>