You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

176 lines
8.1 KiB

  1. <html>
  2. <head>
  3. <title>Font</title>
  4. <!--Create the Dialog Helper Object--></head>
  5. <BODY style="FONT-SIZE: 9pt; FONT-FAMILY: Arial" bgColor="#dbd8d1" leftMargin="5" topMargin="5" onload="initDlg()">
  6. <script language="javascript" src="fontdlg.js"></script>
  7. <table id="table3" style="BORDER-TOP: white 1px solid; FONT-SIZE: 9pt; WIDTH: 100%; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: gray" cellSpacing="2" cellPadding="2" border="0">
  8. <tr>
  9. <td width="30"><span id="btnFont" style="BORDER-RIGHT: white 1px inset; BORDER-TOP: white 1px inset; BORDER-LEFT: white 1px inset; CURSOR: hand; BORDER-BOTTOM: white 1px inset; BACKGROUND-COLOR: #dbd8d1" onclick="showFont();">Font </span></td>
  10. <td width="50"><span id="btnBorders" style="BORDER-RIGHT: white 1px outset; BORDER-TOP: white 1px outset; BORDER-LEFT: white 1px outset; CURSOR: hand; BORDER-BOTTOM: white 1px outset; BACKGROUND-COLOR: #dbd8d1" onclick="showBorders();">Borders </span></td>
  11. <td></td>
  12. </tr>
  13. </table>
  14. <table id="table1" style="FONT-SIZE: 9pt; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse" cellPadding="2" border="0">
  15. <tr>
  16. <td>Font:<br>
  17. <input id="txtFont" style="FONT-SIZE: 9pt; WIDTH: 150px; FONT-FAMILY: Arial" type="text" onchange="OnFontChange1()" size="20">
  18. </td>
  19. <td>Style:<br>
  20. <input id="txtStyle" style="FONT-SIZE: 9pt; WIDTH: 100px; FONT-FAMILY: Arial" readOnly type="text" size="20">
  21. </td>
  22. <td>Size:<br>
  23. <input id="txtSize" style="FONT-SIZE: 9pt; WIDTH: 80px; FONT-FAMILY: Arial" type="text" onchange="OnSizeChange1()" size="20">
  24. </td>
  25. </tr>
  26. <tr>
  27. <td><select id="selFont" style="FONT-SIZE: 9pt; WIDTH: 150px; FONT-FAMILY: Arial; HEIGHT: 150px" onchange="OnFontChange()" size="10"></select>
  28. </td>
  29. <td><select id="selStyle" style="FONT-SIZE: 9pt; WIDTH: 100px; FONT-FAMILY: Arial; HEIGHT: 150px" onchange="OnStyleChange()" size="10">
  30. <option>Regular</option>
  31. <option>Italic</option>
  32. <option>Bold</option>
  33. <option>Italic Bold</option>
  34. </select></td>
  35. <td><select id="selSize" style="FONT-SIZE: 9pt; WIDTH: 80px; FONT-FAMILY: Arial; HEIGHT: 150px" onchange="OnSizeChange()" size="10">
  36. <option>6pt</option>
  37. <option>8pt</option>
  38. <option>9pt</option>
  39. <option>10pt</option>
  40. <option>11pt</option>
  41. <option>12pt</option>
  42. <option>14pt</option>
  43. <option>16pt</option>
  44. <option>18pt</option>
  45. <option>20pt</option>
  46. <option>22pt</option>
  47. <option>24pt</option>
  48. <option>26pt</option>
  49. <option>28pt</option>
  50. <option>36pt</option>
  51. <option>48pt</option>
  52. <option>72pt</option>
  53. </select></td>
  54. </tr>
  55. <tr>
  56. <td><input id="chkUnderline" onclick="OnUnderline()" type="checkbox" value="un">Underline<br>
  57. <input id="chkStrike" onclick="OnLineThrough()" type="checkbox" value="st">Strikethrough<br>
  58. </td>
  59. <td colSpan="2">
  60. </td>
  61. </tr>
  62. <tr>
  63. <td></td>
  64. <td colSpan="2"></td>
  65. </tr>
  66. <tr>
  67. <td>Horizontal alignment:<br>
  68. <select id="selHalign" style="FONT-SIZE: 9pt; WIDTH: 150px; FONT-FAMILY: Arial">
  69. <option selected></option>
  70. <option value="left">Left</option>
  71. <option value="center">Center</option>
  72. <option value="right">Right</option>
  73. <option value="justify">Justify</option>
  74. </select><br>
  75. </td>
  76. <td colSpan="2">Vertical alignment:<br>
  77. <select id="selValign" style="FONT-SIZE: 9pt; WIDTH: 150px; FONT-FAMILY: Arial">
  78. <option selected></option>
  79. <option value="top">Top</option>
  80. <option value="middle">Middle</option>
  81. <option value="bottom">Bottom</option>
  82. </select><br>
  83. </td>
  84. </tr>
  85. <tr>
  86. <td><input id="btnFC" style="BORDER-RIGHT: 1px outset; BORDER-TOP: 1px outset; BORDER-LEFT: 1px outset; WIDTH: 40px; BORDER-BOTTOM: 1px outset; HEIGHT: 20px" onclick="btnFC.style.backgroundColor=chooseColor(btnFC.style.backgroundColor);OnForeColorChange()" type="button">
  87. Font color<br>
  88. <input id="btnBG" style="BORDER-RIGHT: 1px outset; BORDER-TOP: 1px outset; BORDER-LEFT: 1px outset; WIDTH: 40px; BORDER-BOTTOM: 1px outset; HEIGHT: 20px" onclick="btnBG.style.backgroundColor=chooseColor(btnBG.style.backgroundColor);OnBGColorChange()" type="button">
  89. Background<br>
  90. </td>
  91. <td >Preview:<br>
  92. </td>
  93. </tr>
  94. <tr><td></td>
  95. <td id="preview_parent_td" style="height:100px;width:100px;border:1px blue solid">
  96. <div id="preview" contentEditable="true" >Sample
  97. Text
  98. <div></div>
  99. </div>
  100. </td>
  101. </tr>
  102. </table>
  103. <table id="table2" style="DISPLAY: none; FONT-SIZE: 9pt; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse" cellPadding="2" border="0">
  104. <tr height="50">
  105. <td valign="top">Border Line Style:</td>
  106. <td valign="top">
  107. <SELECT id="borderStyle" size="8" style="width:200px; font-size: 9pt; font-family: Arial;" onchange="setBorderWidthSelect(this.value)">
  108. <OPTION>Dashed</OPTION>
  109. <OPTION>Dotted</OPTION>
  110. <OPTION selected>Solid</OPTION>
  111. <OPTION>Double</OPTION>
  112. <!-- <OPTION>Groove</OPTION>
  113. <OPTION>Inset</OPTION>
  114. <OPTION>Outset</OPTION>
  115. <OPTION>Ridge</OPTION>-->
  116. </SELECT>
  117. </td>
  118. </tr>
  119. <tr height="25">
  120. <td valign="top"><span id="borderlinelabel">Border Line Width:</span></td>
  121. <td valign="top">
  122. <SELECT id="borderWidth" size="1" style="width:200px; font-size: 9pt; font-family: Arial;">
  123. <OPTION value="1px" selected>thin</OPTION>
  124. <OPTION value="2px" >medium</OPTION>
  125. <OPTION value="3px">thick</OPTION>
  126. <!-- <OPTION>3px</OPTION>
  127. <OPTION>4px</OPTION>
  128. <OPTION>5px</OPTION>
  129. <OPTION>6px</OPTION>
  130. <OPTION>7px</OPTION>
  131. <OPTION>8px</OPTION>-->
  132. </SELECT>
  133. </td>
  134. </tr>
  135. <tr height="25">
  136. <td valign="top">Border Line Color:</td>
  137. <td valign="top">
  138. <input id="btnBorderColor" style="BORDER-RIGHT: 1px outset; BORDER-TOP: 1px outset; BORDER-LEFT: 1px outset; WIDTH: 40px; BORDER-BOTTOM: 1px outset; HEIGHT: 20px; background-color:black;" onclick="btnBorderColor.style.backgroundColor=chooseColor(btnBorderColor.style.backgroundColor);" type="button">
  139. </td>
  140. </tr>
  141. <tr height="50">
  142. <td colspan="2">
  143. <table width="100%">
  144. <tr>
  145. <td align="right"><img id="b1" src="b1.gif" style="border:3px ridge white; cursor:hand; width:45px; height:45px;" onclick="clickBorderBtn();"></td>
  146. <td align="right"><img id="b2" src="b2.gif" style="border:3px ridge white; cursor:hand; width:45px; height:45px;" onclick="clickBorderBtn();"></td>
  147. <td align="right"><img id="b3" src="b3.gif" style="border:3px ridge white; cursor:hand; width:45px; height:45px;" onclick="clickBorderBtn();"></td>
  148. <td align="right"><img id="b4" src="b4.gif" style="border:3px ridge white; cursor:hand; width:45px; height:45px;" onclick="clickBorderBtn();"></td>
  149. </tr>
  150. <tr>
  151. <td align="right"><img id="b5" src="b5.gif" style="border:3px ridge white; cursor:hand; width:45px; height:45px;" onclick="clickBorderBtn();"></td>
  152. <td align="right"><img id="b6" src="b6.gif" style="border:3px ridge white; cursor:hand; width:45px; height:45px;" onclick="clickBorderBtn();"></td>
  153. <td align="right"><img id="b7" src="b7.gif" style="border:3px ridge white; cursor:hand; width:45px; height:45px;" onclick="clickBorderBtn();"></td>
  154. <td align="right"><img id="b8" src="b8.gif" style="border:3px ridge white; cursor:hand; width:45px; height:45px;" onclick="clickBorderBtn();"></td>
  155. </tr>
  156. </table>
  157. </td>
  158. </tr>
  159. <tr>
  160. </tr>
  161. </table>
  162. <table width="343" border="0" cellpadding="5" style="FONT-SIZE: 9pt; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse">
  163. <tr>
  164. <td width="100%" align="right">
  165. <input type="button" value="OK" style="FONT-SIZE: 9pt; WIDTH: 90px; FONT-FAMILY: Arial; HEIGHT: 25px" onclick="FontOk()">
  166. <input type="button" value="Cancel" style="FONT-SIZE: 9pt; WIDTH: 90px; FONT-FAMILY: Arial; HEIGHT: 25px" onclick="window.close()">
  167. </td>
  168. </tr>
  169. </table>
  170. <OBJECT id="dlgHelper" height="0px" width="0px" classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" VIEWASTEXT>
  171. </OBJECT>
  172. </BODY>
  173. </html>