tag_div.ascx
上传用户:simon2hong
上传日期:2021-11-18
资源大小:16746k
文件大小:16k
源码类别:

OA系统

开发平台:

C#

  1. <%@ Control Inherits="CuteEditor.EditorUtilityCtrl" Language="c#" AutoEventWireup="false" TargetSchema="http://schemas.microsoft.com/intellisense/ie5" %>
  2. <table width="100%" cellpadding="0" cellspacing="0">
  3. <tr>
  4. <td valign="top" style="padding:5;padding-bottom:0;height:100%">
  5. <table>
  6. <tr>
  7. <td valign="top" style="padding:3">
  8. <div style="overflow:auto;border:gray 1 solid;width:115;height:127;">
  9. <table id="tblBorderStyle" cellpadding="5" cellspacing="0" width="100%" style="table-layout:fixed;background:white">
  10. <tr>
  11. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('')"
  12. style="cursor:default;height:25;padding:4;border:white 1 solid;">
  13. <div style="border:none;height:10;width:100%">[[NotSet]]</div>
  14. </td>
  15. </tr>
  16. <tr>
  17. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('solid')"
  18. style="cursor:default;height:25;padding:4;border:white 1 solid;">
  19. <div style="border-bottom:black 1 solid;height:10;width:100%" title="solid"></div>
  20. </td>
  21. </tr>
  22. <tr>
  23. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('dotted')"
  24. style="cursor:default;height:25;padding:4;border:white 1 solid;">
  25. <div style="border-bottom:black dotted;height:10;width:100%" title="dotted"></div>
  26. </td>
  27. </tr>
  28. <tr>
  29. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('dashed')"
  30. style="cursor:default;height:25;padding:4;border:white 1 solid;">
  31. <div style="border-bottom:black dashed;height:10;width:100%" title="dashed"></div>
  32. </td>
  33. </tr>
  34. <tr>
  35. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('double')"
  36. style="cursor:default;height:25;padding:4;border:white 1 solid;">
  37. <div style="border-bottom:black dotted;height:10;width:100%" title="double"></div>
  38. </td>
  39. </tr>
  40. <tr>
  41. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('groove')"
  42. style="cursor:default;height:25;padding:4;border:white 1 solid;">
  43. <div style="border-style:groove;height:10;width:100%" title="groove"></div>
  44. </td>
  45. </tr>
  46. <tr>
  47. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('ridge')"
  48. style="cursor:default;height:25;padding:4;border:white 1 solid;">
  49. <div style="border-style:ridge;height:10;width:100%" title="ridge"></div>
  50. </td>
  51. </tr>
  52. <tr>
  53. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('inset')"
  54. style="cursor:default;height:25;padding:4;border:white 1 solid;">
  55. <div style="border-style:inset;height:10;width:100%" title="inset"></div>
  56. </td>
  57. </tr>
  58. <tr>
  59. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doBorderStyle('outset')"
  60. style="cursor:default;height:25;padding:4;border:white 1 solid;">
  61. <div style="border-style:outset;height:10;width:100%" title="outset"></div>
  62. </td>
  63. </tr>
  64. </table>
  65. </div>
  66. <input type="hidden" name="sel_style" id="sel_style" />
  67. </td>
  68. <td valign="top" style="padding:3">
  69. <div style='overflow:auto;border:gray 1 solid;width:115;height:127'>
  70. <table cellpadding="5" cellspacing="0" width="100%" style='table-layout:fixed;background:white'>
  71. <tr>
  72. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('1px')"
  73. style="height:25;padding:1;border:white 1 solid;">
  74. <table width="100%">
  75. <tr>
  76. <td style="height:25">1px</td>
  77. <td valign="top" style="width:100%">
  78. <table style='border-bottom:black 1px solid;height:16;' width="100%">
  79. <tr>
  80. <td></td>
  81. </tr>
  82. </table>
  83. </td>
  84. </tr>
  85. </table>
  86. </td>
  87. </tr>
  88. <tr>
  89. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('2px')"
  90. style="height:25;padding:1;border:white 1 solid;">
  91. <table width="100%">
  92. <tr>
  93. <td style="height:25">2px</td>
  94. <td valign="top" style="width:100%">
  95. <table style='border-bottom:black 2px solid;height:16;' width="100%">
  96. <tr>
  97. <td></td>
  98. </tr>
  99. </table>
  100. </td>
  101. </tr>
  102. </table>
  103. </td>
  104. </tr>
  105. <tr>
  106. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('3px')"
  107. style="height:25;padding:1;border:white 1 solid;">
  108. <table width="100%">
  109. <tr>
  110. <td style="height:25">3px</td>
  111. <td valign="top" style="width:100%">
  112. <table style='border-bottom:black 2px solid;height:16;' width="100%">
  113. <tr>
  114. <td></td>
  115. </tr>
  116. </table>
  117. </td>
  118. </tr>
  119. </table>
  120. </td>
  121. </tr>
  122. <tr>
  123. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('4px')"
  124. style="height:25;padding:1;border:white 1 solid;">
  125. <table width="100%">
  126. <tr>
  127. <td style="height:25">4px</td>
  128. <td valign="top" style="width:100%">
  129. <table style='border-bottom:black 4px solid;height:16;' width="100%">
  130. <tr>
  131. <td></td>
  132. </tr>
  133. </table>
  134. </td>
  135. </tr>
  136. </table>
  137. </td>
  138. </tr>
  139. <tr>
  140. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('5px')"
  141. style="height:25;padding:1;border:white 1 solid;">
  142. <table width="100%">
  143. <tr>
  144. <td style="height:25">5px</td>
  145. <td valign="top" style="width:100%">
  146. <table style='border-bottom:black 5px solid;height:16;' width="100%">
  147. <tr>
  148. <td></td>
  149. </tr>
  150. </table>
  151. </td>
  152. </tr>
  153. </table>
  154. </td>
  155. </tr>
  156. <tr>
  157. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('6px')"
  158. style="height:25;padding:1;border:white 1 solid;">
  159. <table width="100%">
  160. <tr>
  161. <td style="height:25">6px</td>
  162. <td valign="top" style="width:100%">
  163. <table style='border-bottom:black 6px solid;height:16;' width="100%">
  164. <tr>
  165. <td></td>
  166. </tr>
  167. </table>
  168. </td>
  169. </tr>
  170. </table>
  171. </td>
  172. </tr>
  173. <tr>
  174. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doWidth('7px')"
  175. style="height:25;padding:1;border:white 1 solid;">
  176. <table width="100%">
  177. <tr>
  178. <td style="height:25">7px</td>
  179. <td valign="top" style="width:100%">
  180. <table style='border-bottom:black 7px solid;height:16;' width="100%">
  181. <tr>
  182. <td></td>
  183. </tr>
  184. </table>
  185. </td>
  186. </tr>
  187. </table>
  188. </td>
  189. </tr>
  190. </table>
  191. <input type="hidden" name="sel_border" id="sel_border" />
  192. </div>
  193. </td>
  194. <td valign="top" style="white-space:nowrap;padding:3" >
  195. <div style='overflow:auto;border:gray 1 solid;width:55;height:127'>
  196. <table cellpadding="5" cellspacing="0" width="100%" style='table-layout:fixed;background:white'>
  197. <tr>
  198. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('none')"
  199. style="height:30;padding:4;border:white 1 solid;">
  200. <img src='Load.ashx?type=image&file=border_none.gif' alt='No Border' />
  201. </td>
  202. </tr>
  203. <tr>
  204. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('')"
  205. style="height:30;padding:4;border:white 1 solid;">
  206. <img src='Load.ashx?type=image&file=border_outside.gif' alt='All' />
  207. </td>
  208. </tr>
  209. <tr>
  210. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('left')"
  211. style="height:30;padding:4;border:white 1 solid;">
  212. <img src='Load.ashx?type=image&file=border_left.gif' alt='[[Left]]' />
  213. </td>
  214. </tr>
  215. <tr>
  216. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('top')"
  217. style="height:30;padding:4;border:white 1 solid;">
  218. <img src='Load.ashx?type=image&file=border_top.gif' alt='[[Top]]' />
  219. </td>
  220. </tr>
  221. <tr>
  222. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('right')"
  223. style="height:30;padding:4;border:white 1 solid;">
  224. <img src='Load.ashx?type=image&file=border_right.gif' alt='[[Right]]' />
  225. </td>
  226. </tr>
  227. <tr>
  228. <td valign="top" onmouseover="CuteEditor_ColorPicker_ButtonOver(this);" onclick="doPart('bottom')"
  229. style="height:30;padding:4;border:white 1 solid;">
  230. <img src='Load.ashx?type=image&file=border_bottom.gif' alt='[[Bottom]]' />
  231. </td>
  232. </tr>
  233. </table>
  234. <input type="hidden" name="sel_part" id="sel_part" />
  235. </div>
  236. </td>
  237. <td valign="top" style="white-space:nowrap;padding:0 5px 3px 8px;" >
  238. <table cellpadding="0" cellspacing="0" style="padding-bottom:10">
  239. <tr>
  240. <td>[[Bordercolor]]:<br />
  241. <input autocomplete="off" type="text" id="bordercolor" name="bordercolor" size="7" style="WIDTH:57px" />
  242. <img alt="" id="bordercolor_Preview" src="Load.ashx?type=image&file=colorpicker.gif"
  243. style='behavior:url(Load.ashx?type=htc&file=ColorPicker.htc)' oncolorchange="bordercolor.value=this.selectedColor; bordercolor.style.backgroundColor=this.selectedColor" />
  244. </td>
  245. </tr>
  246. <tr>
  247. <td>[[ForeColor]]:<br />
  248. <input autocomplete="off" type="text" id="inp_color" name="inp_color" size="7" style="WIDTH:57px"> 
  249. <img alt="" id="inp_color_Preview" src="Load.ashx?type=image&file=colorpicker.gif"
  250. style='behavior:url(Load.ashx?type=htc&file=ColorPicker.htc)' oncolorchange="inp_color.value=this.selectedColor; inp_color.style.backgroundColor=this.selectedColor" />
  251. </td>
  252. </tr>
  253. <tr>
  254. <td>[[Shade]]:<br />
  255. <input autocomplete="off" type="text" id="inp_shade" name="inp_shade" size="7" style="WIDTH:57px"> 
  256.     <img alt="" id="inp_shade_Preview" src="Load.ashx?type=image&file=colorpicker.gif"
  257. style='behavior:url(Load.ashx?type=htc&file=ColorPicker.htc)' oncolorchange="inp_shade.value=this.selectedColor; inp_shade.style.backgroundColor=this.selectedColor" />
  258. </td>
  259. </tr>
  260. </table>
  261. </td>
  262. </tr>
  263. </table>
  264. </td>
  265. </tr>
  266. <tr>
  267. <td style="padding-left:8; padding-top:10;white-space:nowrap">
  268. <table cellpadding="0" cellspacing="0">
  269. <tr>
  270. <td>
  271. <table cellpadding="2" cellspacing="0">
  272. <tr>
  273. <td colspan="7">[[Margin]]:</td>
  274. </tr>
  275. <tr>
  276. <td><span>[[Left]]</span>:</td>
  277. <td><input type="text" id="inp_MarginLeft" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
  278. <td>
  279. px</td>
  280. <td>&nbsp;&nbsp;</td>
  281. <td align="right"><span>[[Right]]</span>:</td>
  282. <td><input type="text" id="inp_MarginRight" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
  283. <td>px</td>
  284. </tr>
  285. <tr>
  286. <td><span>[[Top]]</span>:</td>
  287. <td><input type="text" id="inp_MarginTop" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
  288. <td>px</td>
  289. <td>&nbsp;&nbsp;</td>
  290. <td align="right"><span>[[Bottom]]</span>:</td>
  291. <td><input type="text" id="inp_MarginBottom" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
  292. <td>px</td>
  293. </tr>
  294. </table>
  295. </td>
  296. <td>
  297. <div style="margin:5;height:55;border-left:lightgrey 1 solid"></div>
  298. </td>
  299. <td style="padding-bottom:5">
  300. <table cellpadding="2" cellspacing="0">
  301. <tr>
  302. <td colspan="7">[[Padding]]:</td>
  303. </tr>
  304. <tr>
  305. <td><span>[[Left]]</span>:</td>
  306. <td><input type="text" id="inp_PaddingLeft" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
  307. <td>
  308. px</td>
  309. <td>&nbsp;&nbsp;</td>
  310. <td align="right"><span>[[Right]]</span>:</td>
  311. <td><input type="text" id="inp_PaddingRight" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
  312. <td>
  313. px</td>
  314. </tr>
  315. <tr>
  316. <td><span>[[Top]]</span>:</td>
  317. <td><input type="text" id="inp_PaddingTop" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
  318. <td>
  319. px</td>
  320. <td>&nbsp;&nbsp;</td>
  321. <td align="right"><span>[[Bottom]]</span>:</td>
  322. <td><input type="text" id="inp_PaddingBottom" size="1" onkeypress="return CancelEventIfNotDigit()" /></td>
  323. <td>
  324. px</td>
  325. </tr>
  326. </table>
  327. </td>
  328. </tr>
  329. <tr>
  330. <td colspan="3" style="padding-top:3;padding-bottom:5;border-top:lightgrey 1 solid">
  331. <fieldset><legend>[[Common]]</legend>
  332. <table class="normal">
  333. <tr>
  334. <td width="80" style="white-space:nowrap" >[[Width]]:</td>
  335. <td style="white-space:nowrap">
  336.     <input type="text" id="inp_width" size="8" onkeypress="return CancelEventIfNotDigit()" />
  337. <select id="sel_width_unit">
  338. <option value="px">px</option>
  339. <option value="%">%</option>
  340. </select>
  341. </td>
  342. <td></td>
  343. <td>[[Height]]:</td>
  344. <td style="white-space:nowrap">
  345.     <input type="text" id="inp_height" size="8" onkeypress="return CancelEventIfNotDigit()" />
  346. <select id="sel_height_unit">
  347. <option value="px">px</option>
  348. <option value="%">%</option>
  349. </select>
  350. </td>
  351. </tr>
  352. <tr>
  353. <td valign="middle" style="white-space:nowrap" >[[ID]]:</td>
  354. <td><input type="text" id="inp_id" size="16" /></td>
  355. <td></td>
  356. <td style='width:60px'>[[CssClass]]:</td>
  357. <td><input type="text" id="inp_class" size="16" /></td>
  358. </tr>
  359. <tr>
  360. <td>[[Alignment]]:</td>
  361. <td colspan="4">
  362. <select id="sel_align">
  363. <option value="">[[NotSet]]</option>
  364. <option value="left">[[Left]]</option>
  365. <option value="center">[[Center]]</option>
  366. <option value="right">[[Right]]</option>
  367. </select>
  368. &nbsp; [[Text-Align]] :
  369. <select id="sel_textalign">
  370. <option value="">[[NotSet]]</option>
  371. <option value="left">[[Left]]</option>
  372. <option value="center">[[Center]]</option>
  373. <option value="right">[[Right]]</option>
  374. <option value="justify">[[Justify]]</option>
  375. </select>
  376. &nbsp; [[Float]]:
  377. <select id="sel_float">
  378. <option value="">[[NotSet]]</option>
  379. <option value="left">[[Left]]</option>
  380. <option value="right">[[Right]]</option>
  381. </select>
  382. </td>
  383. </tr>
  384. <tr>
  385. <td style='width:60px'>[[Title]] :</td>
  386. <td colspan="4">
  387. <textarea id="inp_tooltip" rows="2" cols="20" style="width:320px"></textarea>
  388. </td>
  389. </tr>
  390. </table>
  391. </fieldset>
  392. </td>
  393. </tr>
  394. </table>
  395. </td>
  396. </tr>
  397. </table>
  398. <script type="text/javascript" src="Load.ashx?type=dialogscript&file=Dialog_Tag_Div.js"></script>