tablecell.htm 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <style type="text/css">
  5. body, a, table, div, span, td, th, input, select{font:9pt;font-family: "宋体", Verdana, Arial, Helvetica, sans-serif;}
  6. body {padding:5px}
  7. </style>
  8. <script language=JavaScript src="dialog.js"></script>
  9. <script language="JavaScript">
  10. var sAction = URLParams['action'] ;
  11. var sTitle = "";
  12. var oControl;
  13. var oSeletion;
  14. var sRangeType;
  15. var sAlign = "";
  16. var sVAlign = "";
  17. var sWidth = "";
  18. var sHeight = "";
  19. var sBorderColor = "#000000";
  20. var sBgColor = "#FFFFFF";
  21. var sImage = "";
  22. var sRepeat = "";
  23. var sAttachment = "";
  24. var sBorderStyle = "";
  25. var sWidthUnit = "%";
  26. var bWidthCheck = true;
  27. var bWidthDisable = false;
  28. var sWidthValue = "100";
  29. var sHeightUnit = "%";
  30. var bHeightCheck = false;
  31. var bHeightDisable = true;
  32. var sHeightValue = "";
  33. oSelection = dialogArguments.eWebEditor.document.selection.createRange();
  34. sRangeType = dialogArguments.eWebEditor.document.selection.type;
  35. if (sAction == "row"){
  36. oControl = getParentObject(oSelection.parentElement(), "TR");
  37. sAction = "ROW";
  38. sTitle = "表格行";
  39. }else{
  40. oControl = getParentObject(oSelection.parentElement(), "TD");
  41. sAction = "CELL";
  42. sTitle = "单元格";
  43. }
  44. if (oControl){
  45. sAlign = oControl.align;
  46. sVAlign = oControl.vAlign;
  47. sWidth = oControl.width;
  48. sHeight = oControl.height;
  49. sBorderColor = oControl.borderColor;
  50. sBgColor = oControl.bgColor;
  51. sImage = oControl.style.backgroundImage;
  52. sRepeat = oControl.style.backgroundRepeat;
  53. sAttachment = oControl.style.backgroundAttachment;
  54. sBorderStyle = oControl.style.borderStyle;
  55. sImage = sImage.substr(4, sImage.length-5);
  56. }
  57. // 返回指定标签的父对象
  58. function getParentObject(obj, tag){
  59. if (tag == "TD"){
  60. while(obj!=null && obj.tagName!=tag && obj.tagName!="TH"){
  61. obj=obj.parentElement;
  62. }
  63. }else{
  64. while(obj!=null && obj.tagName!=tag){
  65. obj=obj.parentElement;
  66. }
  67. }
  68. return obj;
  69. }
  70. document.write("<title>" + sTitle + "属性</title>");
  71. // 初始值
  72. function InitDocument(){
  73. SearchSelectValue(d_align, sAlign.toLowerCase());
  74. SearchSelectValue(d_valign, sVAlign.toLowerCase());
  75. SearchSelectValue(d_borderstyle, sBorderStyle.toLowerCase());
  76. // 修改状态时取值
  77. if ((sWidth == "")||(sWidth==undefined)){
  78. bWidthCheck = false;
  79. bWidthDisable = true;
  80. sWidthValue = "100";
  81. sWidthUnit = "%";
  82. }else{
  83. bWidthCheck = true;
  84. bWidthDisable = false;
  85. if (sWidth.substr(sWidth.length-1) == "%"){
  86. sWidthValue = sWidth.substring(0, sWidth.length-1);
  87. sWidthUnit = "%";
  88. }else{
  89. sWidthUnit = "";
  90. sWidthValue = parseInt(sWidth);
  91. if (isNaN(sWidthValue)) sWidthValue = "";
  92. }
  93. }
  94. if (sHeight == ""){
  95. bHeightCheck = false;
  96. bHeightDisable = true;
  97. sHeightValue = "100";
  98. sHeightUnit = "%";
  99. }else{
  100. bHeightCheck = true;
  101. bHeightDisable = false;
  102. if (sHeight.substr(sHeight.length-1) == "%"){
  103. sHeightValue = sHeight.substring(0, sHeight.length-1);
  104. sHeightUnit = "%";
  105. }else{
  106. sHeightUnit = "";
  107. sHeightValue = parseInt(sHeight);
  108. if (isNaN(sHeightValue)) sHeightValue = "";
  109. }
  110. }
  111. switch(sWidthUnit){
  112. case "%":
  113. d_widthunit.selectedIndex = 1;
  114. break;
  115. default:
  116. sWidthUnit = "";
  117. d_widthunit.selectedIndex = 0;
  118. break;
  119. }
  120. switch(sHeightUnit){
  121. case "%":
  122. d_heightunit.selectedIndex = 1;
  123. break;
  124. default:
  125. sHeightUnit = "";
  126. d_heightunit.selectedIndex = 0;
  127. break;
  128. }
  129. d_widthvalue.value = sWidthValue;
  130. d_widthvalue.disabled = bWidthDisable;
  131. d_widthunit.disabled = bWidthDisable;
  132. d_heightvalue.value = sHeightValue;
  133. d_heightvalue.disabled = bHeightDisable;
  134. d_heightunit.disabled = bHeightDisable;
  135. d_bordercolor.value = sBorderColor;
  136. s_bordercolor.style.backgroundColor = sBorderColor;
  137. d_bgcolor.value = sBgColor;
  138. s_bgcolor.style.backgroundColor = sBgColor;
  139. d_widthcheck.checked = bWidthCheck;
  140. d_heightcheck.checked = bHeightCheck;
  141. d_image.value = sImage;
  142. d_repeat.value = sRepeat;
  143. d_attachment.value = sAttachment;
  144. }
  145. // 判断值是否大于0
  146. function MoreThanOne(obj, sErr){
  147. var b=false;
  148. if (obj.value!=""){
  149. obj.value=parseFloat(obj.value);
  150. if (obj.value!="0"){
  151. b=true;
  152. }
  153. }
  154. if (b==false){
  155. BaseAlert(obj,sErr);
  156. return false;
  157. }
  158. return true;
  159. }
  160. </script>
  161. <SCRIPT event=onclick for=Ok language=JavaScript>
  162. // 边框颜色的有效性
  163. sBorderColor = d_bordercolor.value;
  164. if (!IsColor(sBorderColor)){
  165. BaseAlert(d_bordercolor,'无效的边框颜色值!');
  166. return;
  167. }
  168. // 背景颜色的有效性
  169. sBgColor = d_bgcolor.value;
  170. if (!IsColor(sBgColor)){
  171. BaseAlert(d_bgcolor,'无效的背景颜色值!');
  172. return;
  173. }
  174. // 宽度有效值性
  175. var sWidth = "";
  176. if (d_widthcheck.checked){
  177. if (!MoreThanOne(d_widthvalue,'无效的宽度!')) return;
  178. sWidth = d_widthvalue.value + d_widthunit.value;
  179. }
  180. // 高度有效值性
  181. var sHeight = "";
  182. if (d_heightcheck.checked){
  183. if (!MoreThanOne(d_heightvalue,'无效的高度!')) return;
  184. sHeight = d_heightvalue.value + d_heightunit.value;
  185. }
  186. sAlign = d_align.options[d_align.selectedIndex].value;
  187. sVAlign = d_valign.options[d_valign.selectedIndex].value;
  188. sImage = d_image.value;
  189. sRepeat = d_repeat.value;
  190. sAttachment = d_attachment.value;
  191. sBorderStyle = d_borderstyle.options[d_borderstyle.selectedIndex].value;
  192. if (sImage!="") {
  193. sImage = "url(" + sImage + ")";
  194. }
  195. if (oControl) {
  196. try {
  197. oControl.width = sWidth;
  198. }
  199. catch(e) {
  200. //alert("对不起,请您输入有效的宽度值!\n(如:90% 200 300px 10cm)");
  201. }
  202. try {
  203. oControl.height = sHeight;
  204. }
  205. catch(e) {
  206. //alert("对不起,请您输入有效的高度值!\n(如:90% 200 300px 10cm)");
  207. }
  208. oControl.align = sAlign;
  209. oControl.vAlign = sVAlign;
  210. oControl.borderColor = sBorderColor;
  211. oControl.bgColor = sBgColor;
  212. oControl.style.backgroundImage = sImage;
  213. oControl.style.backgroundRepeat = sRepeat;
  214. oControl.style.backgroundAttachment = sAttachment;
  215. oControl.style.borderStyle = sBorderStyle;
  216. }
  217. window.returnValue = null;
  218. window.close();
  219. </SCRIPT>
  220. </head>
  221. <body bgcolor=menu onload="InitDocument()">
  222. <table border=0 cellpadding=0 cellspacing=0 align=center>
  223. <tr>
  224. <td>
  225. <fieldset>
  226. <legend>布局</legend>
  227. <table border=0 cellpadding=0 cellspacing=0>
  228. <tr><td colspan=9 height=5></td></tr>
  229. <tr>
  230. <td width=7></td>
  231. <td>水平对齐:</td>
  232. <td width=5></td>
  233. <td>
  234. <select id="d_align" style="width:72px">
  235. <option value=''>默认</option>
  236. <option value='left'>左对齐</option>
  237. <option value='right'>右对齐</option>
  238. <option value='center'>水平居中</option>
  239. <option value='right'>两端对齐</option>
  240. </select>
  241. </td>
  242. <td width=40></td>
  243. <td>垂直对齐:</td>
  244. <td width=5></td>
  245. <td>
  246. <select id="d_valign" style="width:72px">
  247. <option value=''>默认</option>
  248. <option value='top'>顶边对齐</option>
  249. <option value='middle'>垂直居中</option>
  250. <option value='baseline'>基线</option>
  251. <option value='bottom'>底边对齐</option>
  252. </select>
  253. </td>
  254. <td width=7></td>
  255. </tr>
  256. <tr><td colspan=9 height=5></td></tr>
  257. </table>
  258. </fieldset>
  259. </td>
  260. </tr>
  261. <tr><td height=5></td></tr>
  262. <tr>
  263. <td>
  264. <fieldset>
  265. <legend>尺寸</legend>
  266. <table border=0 cellpadding=0 cellspacing=0 width='100%'>
  267. <tr><td colspan=9 height=5></td></tr>
  268. <tr>
  269. <td width=7></td>
  270. <td onclick="d_widthcheck.click()" noWrap valign=middle><input id="d_widthcheck" type="checkbox" onclick="d_widthvalue.disabled=(!this.checked);d_widthunit.disabled=(!this.checked);" value="1"> 指定宽度</td>
  271. <td align=right width="60%">
  272. <input name="d_widthvalue" type="text" value="" size="5" ONKEYPRESS="event.returnValue=IsDigit();" maxlength="4">
  273. <select name="d_widthunit">
  274. <option value='px'>像素</option><option value='%'>百分比</option>
  275. </select>
  276. </td>
  277. <td width=7></td>
  278. </tr>
  279. <tr><td colspan=9 height=5></td></tr>
  280. <tr>
  281. <td height=7></td>
  282. <td onclick="d_heightcheck.click()" noWrap valign=middle><input id="d_heightcheck" type="checkbox" onclick="d_heightvalue.disabled=(!this.checked);d_heightunit.disabled=(!this.checked);" value="1"> 指定高度</td>
  283. <td align=right height="60%">
  284. <input name="d_heightvalue" type="text" value="" size="5" ONKEYPRESS="event.returnValue=IsDigit();" maxlength="4">
  285. <select name="d_heightunit">
  286. <option value='px'>像素</option><option value='%'>百分比</option>
  287. </select>
  288. </td>
  289. <td width=7></td>
  290. </tr>
  291. <tr><td colspan=9 height=5></td></tr>
  292. </table>
  293. </fieldset>
  294. </td>
  295. </tr>
  296. <tr><td height=5></td></tr>
  297. <tr>
  298. <td>
  299. <fieldset>
  300. <legend>样式</legend>
  301. <table border=0 cellpadding=0 cellspacing=0>
  302. <tr><td colspan=9 height=5></td></tr>
  303. <tr>
  304. <td width=7></td>
  305. <td>边框颜色:</td>
  306. <td width=5></td>
  307. <td><input type=text id=d_bordercolor size=7 value=""></td>
  308. <td><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bordercolor onclick="SelectColor('bordercolor')"></td>
  309. <td width=40></td>
  310. <td>边框样式:</td>
  311. <td width=5></td>
  312. <td colspan=2>
  313. <select id=d_borderstyle size=1 style="width:70px">
  314. <option value="">默认</option>
  315. <option value="solid">实线</option>
  316. <option value="dotted">虚线</option>
  317. <option value="dashed">破折号</option>
  318. <option value="double">双线</option>
  319. <option value="groove">凹线</option>
  320. <option value="ridge">凸线</option>
  321. <option value="inset">嵌入</option>
  322. <option value="outset">开端</option>
  323. </select>
  324. </td>
  325. <td width=7></td>
  326. </tr>
  327. <tr><td colspan=9 height=5></td></tr>
  328. <tr>
  329. <td width=7></td>
  330. <td>背景颜色:</td>
  331. <td width=5></td>
  332. <td><input type=text id=d_bgcolor size=7 value=""></td>
  333. <td><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bgcolor onclick="SelectColor('bgcolor')"></td>
  334. <td width=40></td>
  335. <td>背景图片:</td>
  336. <td width=5></td>
  337. <td><input type=text id=d_image size=7 value=""><input type=hidden id=d_repeat><input type=hidden id=d_attachment></td>
  338. <td><img border=0 src="../sysimage/rectimg.gif" width=18 style="cursor:hand" id=s_bgimage onclick="SelectImage()" alt="设置背景图"></td>
  339. <td width=7></td>
  340. </tr>
  341. <tr><td colspan=9 height=5></td></tr>
  342. </table>
  343. </fieldset>
  344. </td>
  345. </tr>
  346. <tr><td height=5></td></tr>
  347. <tr><td align=right><input type=submit value=' 确定 ' id=Ok>&nbsp;&nbsp;<input type=button value=' 取消 ' onclick="window.close();"></td></tr>
  348. </table>
  349. </body>
  350. </html>