fieldset.htm 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <HTML>
  2. <HEAD>
  3. <META content="text/html; charset=gb2312" http-equiv=Content-Type>
  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 = "INSERT";
  11. var sTitle = "插入";
  12. var oControl;
  13. var oChild;
  14. var oSeletion;
  15. var sRangeType;
  16. var sAlignFieldset = "";
  17. var sAlignLegend = "";
  18. var sBorderColor = "";
  19. var sBgColor = "";
  20. oSelection = dialogArguments.eWebEditor.document.selection.createRange();
  21. sRangeType = dialogArguments.eWebEditor.document.selection.type;
  22. if (sRangeType == "Control") {
  23. if (oSelection.item(0).tagName == "FIELDSET"){
  24. sAction = "MODI";
  25. sTitle = "修改";
  26. oControl = oSelection.item(0);
  27. sAlignFieldset = oControl.align;
  28. oChild = GetChildElement(oControl,"LEGEND");
  29. if (oChild) sAlignLegend = oChild.align;
  30. sBorderColor = oControl.style.borderColor;
  31. sBgColor = oControl.style.backgroundColor;
  32. }
  33. }
  34. document.write("<title>栏目框属性(" + sTitle + ")</title>");
  35. // 初始值
  36. function InitDocument(){
  37. SearchSelectValue(d_alignfieldset, sAlignFieldset.toLowerCase());
  38. SearchSelectValue(d_alignlegend, sAlignLegend.toLowerCase());
  39. d_bordercolor.value = sBorderColor;
  40. s_bordercolor.style.backgroundColor = sBorderColor;
  41. d_bgcolor.value = sBgColor;
  42. s_bgcolor.style.backgroundColor = sBgColor;
  43. }
  44. // 递归找标签名相同的第一个子对象
  45. function GetChildElement(obj, sTag){
  46. var el;
  47. for (var i=0;i<obj.children.length;i++){
  48. if (obj.children[i].tagName==sTag){
  49. return obj.children[i];
  50. }else{
  51. el=GetChildElement(obj.children[i], sTag);
  52. if (el){
  53. return el;
  54. }
  55. }
  56. }
  57. return null;
  58. }
  59. </script>
  60. <SCRIPT event=onclick for=Ok language=JavaScript>
  61. // 边框颜色的有效性
  62. sBorderColor = d_bordercolor.value;
  63. if (!IsColor(sBorderColor)){
  64. BaseAlert(d_bordercolor,'无效的边框颜色值!');
  65. return;
  66. }
  67. // 背景颜色的有效性
  68. sBgColor = d_bgcolor.value;
  69. if (!IsColor(sBgColor)){
  70. BaseAlert(d_bgcolor,'无效的背景颜色值!');
  71. return;
  72. }
  73. sAlignFieldset = d_alignfieldset.options[d_alignfieldset.selectedIndex].value;
  74. sAlignLegend = d_alignlegend.options[d_alignlegend.selectedIndex].value;
  75. if (sAction == "MODI") {
  76. oControl.align = sAlignFieldset;
  77. if (oChild) oChild.align = sAlignLegend;
  78. oControl.style.borderColor = sBorderColor;
  79. oControl.style.backgroundColor = sBgColor;
  80. }else{
  81. dialogArguments.insertHTML("<fieldset align='"+sAlignFieldset+"' style='border-color:"+sBorderColor+";background-color:"+sBgColor+"'><legend align="+sAlignLegend+">标题</legend>内容</fieldset>");
  82. }
  83. window.returnValue = null;
  84. window.close();
  85. </SCRIPT>
  86. </HEAD>
  87. <body bgcolor="menu" onload="InitDocument()">
  88. <table border=0 cellpadding=0 cellspacing=0 align=center>
  89. <tr>
  90. <td>
  91. <fieldset>
  92. <legend>对齐方式</legend>
  93. <table border=0 cellpadding=0 cellspacing=0>
  94. <tr><td colspan=9 height=5></td></tr>
  95. <tr>
  96. <td width=7></td>
  97. <td>栏目对齐:</td>
  98. <td width=5></td>
  99. <td><select id=d_alignfieldset style="width:72px"><option value=''>默认</option><option value='left'>左对齐</option><option value='center'>居中</option><option value='right'>右对齐</option></select></td>
  100. <td width=40></td>
  101. <td>标题对齐:</td>
  102. <td width=5></td>
  103. <td><select id=d_alignlegend style="width:72px"><option value=''>默认</option><option value='left'>左对齐</option><option value='center'>居中</option><option value='right'>右对齐</option></select></td>
  104. <td width=7></td>
  105. </tr>
  106. <tr><td colspan=9 height=5></td></tr>
  107. </table>
  108. </fieldset>
  109. </td>
  110. </tr>
  111. <tr><td height=5></td></tr>
  112. <tr>
  113. <td>
  114. <fieldset>
  115. <legend>颜色属性</legend>
  116. <table border=0 cellpadding=0 cellspacing=0>
  117. <tr><td colspan=9 height=5></td></tr>
  118. <tr>
  119. <td width=7></td>
  120. <td>边框颜色:</td>
  121. <td width=5></td>
  122. <td><input type=text id=d_bordercolor size=7 value=""></td>
  123. <td><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bordercolor onclick="SelectColor('bordercolor')"></td>
  124. <td width=40></td>
  125. <td>背景颜色:</td>
  126. <td width=5></td>
  127. <td><input type=text id=d_bgcolor size=7 value=""></td>
  128. <td><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bgcolor onclick="SelectColor('bgcolor')"></td>
  129. <td width=7></td>
  130. </tr>
  131. <tr><td colspan=9 height=5></td></tr>
  132. </table>
  133. </fieldset>
  134. </td>
  135. </tr>
  136. <tr><td height=5></td></tr>
  137. <tr><td align=right><input type=submit value=' 确定 ' id=Ok>&nbsp;&nbsp;<input type=button value=' 取消 ' onclick="window.close();"></td></tr>
  138. </table>
  139. </body>
  140. </html>