BVB Source Codes

Pcook CMS bubble guest v3.0 SDCMS version Show table.htm Source code

Return Download Pcook CMS bubble guest v3.0 SDCMS version: download table.htm Source code - Download Pcook CMS bubble guest v3.0 SDCMS version Source code - Type:.htm
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <script language=javascript src="dialog.js"></script>
  5. <link href='dialog.css' type='text/css' rel='stylesheet'>
  6.  
  7. <script language="javascript">
  8.  
  9. var sAction = URLParams['action'] ;
  10. var sTitle = "插入";
  11.  
  12. var oControl;
  13. var oSeletion;
  14. var sRangeType;
  15.  
  16. var sRow = "2";
  17. var sCol = "2";
  18. var sAlign = "";
  19. var sBorder = "1";
  20. var sAlignText = "";
  21. var sBorderCollapse = "collapse";
  22. var sCellPadding = "3";
  23. var sCellSpacing = "2";
  24. var sWidth = "";
  25. var sHeight = "";
  26. var sBorderColor = "#000000";
  27. var sBgColor = "#FFFFFF";
  28.  
  29. var sImage = "";
  30. var sRepeat = "";
  31. var sAttachment = "";
  32. var sBorderStyle = "";
  33.  
  34. var sWidthUnit = "%";
  35. var bWidthCheck = true;
  36. var bWidthDisable = false;
  37. var sWidthValue = "100";
  38.  
  39. var sHeightUnit = "%";
  40. var bHeightCheck = false;
  41. var bHeightDisable = true;
  42. var sHeightValue = "";
  43.  
  44. oSelection = dialogArguments.eWebEditor.document.selection.createRange();
  45. sRangeType = dialogArguments.eWebEditor.document.selection.type;
  46.  
  47. if (sAction == "modify"){
  48.         if (sRangeType == "Control"){
  49.                 if (oSelection.item(0).tagName == "TABLE"){
  50.                         oControl = oSelection.item(0);
  51.                 }
  52.         }else{
  53.                 oControl = getParentObject(oSelection.parentElement(), "TABLE");
  54.         }
  55.         if (oControl){
  56.                 sAction = "MODI";
  57.                 sTitle = "修改";
  58.                 sRow = oControl.rows.length;
  59.                 sCol = getColCount(oControl);
  60.                 sAlign = oControl.align;
  61.                 sBorder = oControl.border;
  62.                 sAlignText = oControl.style.textAlign;
  63.                 sBorderCollapse = oControl.style.borderCollapse;
  64.                 sCellPadding = oControl.cellPadding;
  65.                 sCellSpacing = oControl.cellSpacing;
  66.                 sWidth = oControl.width;
  67.                 sHeight = oControl.height;
  68.                 sBorderColor = oControl.borderColor;
  69.                 sBgColor = oControl.bgColor;
  70.                 sImage = oControl.style.backgroundImage;
  71.                 sRepeat = oControl.style.backgroundRepeat;
  72.                 sAttachment = oControl.style.backgroundAttachment;
  73.                 sBorderStyle = oControl.style.borderStyle;
  74.                 sImage = sImage.substr(4, sImage.length-5);
  75.         }
  76. }
  77.  
  78. function getParentObject(obj, tag){
  79.         while(obj!=null && obj.tagName!=tag)
  80.                 obj=obj.parentElement;
  81.         return obj;
  82. }
  83.  
  84. document.write("<title>表格属性(" + sTitle + ")</title>");
  85.  
  86. function InitDocument(){
  87.         SearchSelectValue(d_align, sAlign.toLowerCase());
  88.         SearchSelectValue(d_aligntext, sAlignText.toLowerCase());
  89.         SearchSelectValue(d_bordercollapse, sBorderCollapse.toLowerCase());
  90.         SearchSelectValue(d_borderstyle, sBorderStyle.toLowerCase());
  91.  
  92.         if (sAction == "MODI"){
  93.                 if (sWidth == ""){
  94.                         bWidthCheck = false;
  95.                         bWidthDisable = true;
  96.                         sWidthValue = "100";
  97.                         sWidthUnit = "%";
  98.                 }else{
  99.                         bWidthCheck = true;
  100.                         bWidthDisable = false;
  101.                         if (sWidth.substr(sWidth.length-1) == "%"){
  102.                                 sWidthValue = sWidth.substring(0, sWidth.length-1);
  103.                                 sWidthUnit = "%";
  104.                         }else{
  105.                                 sWidthUnit = "";
  106.                                 sWidthValue = parseInt(sWidth);
  107.                                 if (isNaN(sWidthValue)) sWidthValue = "";
  108.                         }
  109.                 }
  110.                 if (sHeight == ""){
  111.                         bHeightCheck = false;
  112.                         bHeightDisable = true;
  113.                         sHeightValue = "100";
  114.                         sHeightUnit = "%";
  115.                 }else{
  116.                         bHeightCheck = true;
  117.                         bHeightDisable = false;
  118.                         if (sHeight.substr(sHeight.length-1) == "%"){
  119.                                 sHeightValue = sHeight.substring(0, sHeight.length-1);
  120.                                 sHeightUnit = "%";
  121.                         }else{
  122.                                 sHeightUnit = "";
  123.                                 sHeightValue = parseInt(sHeight);
  124.                                 if (isNaN(sHeightValue)) sHeightValue = "";
  125.                         }
  126.                 }
  127.  
  128.         }
  129.  
  130.         switch(sWidthUnit){
  131.         case "%":
  132.                 d_widthunit.selectedIndex = 1;
  133.                 break;
  134.         default:
  135.                 sWidthUnit = "";
  136.                 d_widthunit.selectedIndex = 0;
  137.                 break;
  138.         }
  139.         switch(sHeightUnit){
  140.         case "%":
  141.                 d_heightunit.selectedIndex = 1;
  142.                 break;
  143.         default:
  144.                 sHeightUnit = "";
  145.                 d_heightunit.selectedIndex = 0;
  146.                 break;
  147.         }
  148.  
  149.         d_row.value = sRow;
  150.         d_col.value = sCol;
  151.         d_border.value = sBorder;
  152.         d_cellspacing.value = sCellSpacing;
  153.         d_cellpadding.value = sCellPadding;
  154.         d_widthvalue.value = sWidthValue;
  155.         d_widthvalue.disabled = bWidthDisable;
  156.         d_widthunit.disabled = bWidthDisable;
  157.         d_heightvalue.value = sHeightValue;
  158.         d_heightvalue.disabled = bHeightDisable;
  159.         d_heightunit.disabled = bHeightDisable;
  160.         d_bordercolor.value = sBorderColor;
  161.         s_bordercolor.style.backgroundColor = sBorderColor;
  162.         d_bgcolor.value = sBgColor;
  163.         s_bgcolor.style.backgroundColor = sBgColor;
  164.         d_widthcheck.checked = bWidthCheck;
  165.         d_heightcheck.checked = bHeightCheck;
  166.         d_image.value = sImage;
  167.         d_repeat.value = sRepeat;
  168.         d_attachment.value = sAttachment;
  169.  
  170.         adjustDialog();
  171. }
  172.  
  173. function MoreThanOne(obj, sErr){
  174.         var b=false;
  175.         if (obj.value!=""){
  176.                 obj.value=parseFloat(obj.value);
  177.                 if (obj.value!="0"){
  178.                         b=true;
  179.                 }
  180.         }
  181.         if (b==false){
  182.                 BaseAlert(obj,sErr);
  183.                 return false;
  184.         }
  185.         return true;
  186. }
  187.  
  188. function getColCount(oTable) {
  189.         var intCount = 0;
  190.         if (oTable != null) {
  191.                 for(var i = 0; i < oTable.rows.length; i++){
  192.                         if (oTable.rows[i].cells.length > intCount) intCount = oTable.rows[i].cells.length;
  193.                 }
  194.         }
  195.         return intCount;
  196. }
  197.  
  198. function InsertRows( oTable ) {
  199.         if ( oTable ) {
  200.                 var elRow=oTable.insertRow();
  201.                 for(var i=0; i<oTable.rows[0].cells.length; i++){
  202.                         var elCell = elRow.insertCell();
  203.                         elCell.innerHTML = "&nbsp;";
  204.                 }
  205.         }
  206. }
  207.  
  208. function InsertCols( oTable ) {
  209.         if ( oTable ) {
  210.                 for(var i=0; i<oTable.rows.length; i++){
  211.                         var elCell = oTable.rows[i].insertCell();
  212.                         elCell.innerHTML = "&nbsp;"
  213.                 }
  214.         }
  215. }
  216.  
  217. function DeleteRows( oTable ) {
  218.         if ( oTable ) {
  219.                 oTable.deleteRow();
  220.         }
  221. }
  222.  
  223. function DeleteCols( oTable ) {
  224.         if ( oTable ) {
  225.                 for(var i=0;i<oTable.rows.length;i++){
  226.                         oTable.rows[i].deleteCell();
  227.                 }
  228.         }
  229. }
  230.  
  231. function ok(){
  232.         sBorderColor = d_bordercolor.value;
  233.         if (!IsColor(sBorderColor)){
  234.                 BaseAlert(d_bordercolor,"无效的边框颜色值!");
  235.                 return;
  236.         }
  237.  
  238.         sBgColor = d_bgcolor.value;
  239.         if (!IsColor(sBgColor)){
  240.                 BaseAlert(d_bgcolor,"无效的背景颜色值!");
  241.                 return;
  242.         }
  243.         if (!MoreThanOne(d_row,"无效的行数,至少要1行!")) return;
  244.         if (!MoreThanOne(d_col,"无效的列数,至少要1列!")) return;
  245.         if (d_border.value == "") d_border.value = "0";
  246.         if (d_cellpadding.value == "") d_cellpadding.value = "0";
  247.         if (d_cellspacing.value == "") d_cellspacing.value = "0";
  248.         d_border.value = parseFloat(d_border.value);
  249.         d_cellpadding.value = parseFloat(d_cellpadding.value);
  250.         d_cellspacing.value = parseFloat(d_cellspacing.value);
  251.         // check table width
  252.         var sWidth = "";
  253.         if (d_widthcheck.checked){
  254.                 if (!MoreThanOne(d_widthvalue,"无效的表格宽度!")) return;
  255.                 sWidth = d_widthvalue.value + d_widthunit.value;
  256.         }
  257.         // check table height
  258.         var sHeight = "";
  259.         if (d_heightcheck.checked){
  260.                 if (!MoreThanOne(d_heightvalue,"无效的表格高度!")) return;
  261.                 sHeight = d_heightvalue.value + d_heightunit.value;
  262.         }
  263.  
  264.         sRow = d_row.value;
  265.         sCol = d_col.value;
  266.         sAlign = d_align.options[d_align.selectedIndex].value;
  267.         sBorder = d_border.value;
  268.         sAlignText = d_aligntext.options[d_aligntext.selectedIndex].value;
  269.         sBorderCollapse = d_bordercollapse.options[d_bordercollapse.selectedIndex].value;
  270.         sCellPadding = d_cellpadding.value;
  271.         sCellSpacing = d_cellspacing.value;
  272.         sImage = d_image.value;
  273.         sRepeat = d_repeat.value;
  274.         sAttachment = d_attachment.value;
  275.         sBorderStyle = d_borderstyle.options[d_borderstyle.selectedIndex].value;
  276.         if (sImage!="") {
  277.                 sImage = "url(" + sImage + ")";
  278.         }
  279.  
  280.         if (sAction == "MODI") {
  281.                 // modify rows
  282.                 var xCount = sRow - oControl.rows.length;
  283.                 if (xCount > 0)
  284.                         for (var i = 0; i < xCount; i++) InsertRows(oControl);
  285.                 else
  286.                         for (var i = 0; i > xCount; i--) DeleteRows(oControl);
  287.                 // modify cols
  288.                 var xCount = sCol - getColCount(oControl);
  289.                 if (xCount > 0)
  290.                         for (var i = 0; i < xCount; i++) InsertCols(oControl);
  291.                 else
  292.                         for (var i = 0; i > xCount; i--) DeleteCols(oControl);
  293.  
  294.                 try {
  295.                         oControl.width = sWidth;
  296.                         oControl.style.width = sWidth;
  297.                 }
  298.                 catch(e) {
  299.                         //alert("Invalid Width!\n(Example:90% 200 300px 10cm)");
  300.                 }
  301.                 try {
  302.                         oControl.height = sHeight;
  303.                         oControl.style.height = sHeight;
  304.                 }
  305.                 catch(e) {
  306.                         //alert("Invalid Height!\n(Example:90% 200 300px 10cm)");
  307.                 }
  308.  
  309.                 oControl.align                  = sAlign;
  310.                 oControl.border                 = sBorder;
  311.                 oControl.style.textAlign = sAlignText;
  312.                 oControl.style.borderCollapse = sBorderCollapse;
  313.                 oControl.cellSpacing    = sCellSpacing;
  314.                 oControl.cellPadding    = sCellPadding;
  315.                 oControl.borderColor    = sBorderColor;
  316.                 oControl.bgColor                = sBgColor;
  317.                 oControl.style.backgroundImage = sImage;
  318.                 oControl.style.backgroundRepeat = sRepeat;
  319.                 oControl.style.backgroundAttachment = sAttachment;
  320.                 oControl.style.borderStyle = sBorderStyle;
  321.  
  322.         }else{
  323.                 var sTable = "<table align='"+sAlign+"' border='"+sBorder+"' cellpadding='"+sCellPadding+"' cellspacing='"+sCellSpacing+"' width='"+sWidth+"' height='"+sHeight+"' bordercolor='"+sBorderColor+"' bgcolor='"+sBgColor+"' style='background-image:"+sImage+";background-repeat:"+sRepeat+";background-attachment:"+sAttachment+";border-style:"+sBorderStyle+";text-align:"+sAlignText+";border-collapse:"+sBorderCollapse+";'>";
  324.                 for (var i=1;i<=sRow;i++){
  325.                         sTable = sTable + "<tr>";
  326.                         for (var j=1;j<=sCol;j++){
  327.                                 sTable = sTable + "<td>&nbsp;</td>";
  328.                         }
  329.                         sTable = sTable + "</tr>";
  330.                 }
  331.                 sTable = sTable + "</table>";
  332.                 dialogArguments.insertHTML(sTable);
  333.         }
  334.  
  335.         window.returnValue = null;
  336.         window.close();
  337. }
  338. </script>
  339.  
  340. </head>
  341. <body onload="InitDocument()">
  342. <table border=0 cellpadding=0 cellspacing=5 id=tabDialogSize><tr><td>
  343.  
  344.  
  345. <table border=0 cellpadding=0 cellspacing=0 align=center>
  346. <tr>
  347.         <td>
  348.         <fieldset>
  349.         <legend>表格大小</legend>
  350.         <table border=0 cellpadding=5 cellspacing=0 width="100%">
  351.         <tr><td>
  352.  
  353.                 <table border=0 cellpadding=0 cellspacing=2 width="100%">
  354.                 <tr>
  355.                         <td noWrap width="20%">表格行数:</td>
  356.                         <td noWrap width="29%"><input style="width:80px" type=text id=d_row size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=3></td>
  357.                         <td width="2%">&nbsp;</td>
  358.                         <td noWrap width="20%">表格列数:</td>
  359.                         <td noWrap width="29%"><input style="width:80px" type=text id=d_col size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=3></td>
  360.                 </tr>
  361.                 </table>
  362.  
  363.         </td></tr>
  364.         </table>
  365.         </fieldset>
  366.         </td>
  367. </tr>
  368. <tr><td height=5></td></tr>
  369. <tr>
  370.         <td>
  371.         <fieldset>
  372.         <legend>表格布局</legend>
  373.         <table border=0 cellpadding=5 cellspacing=0 width="100%">
  374.         <tr><td>
  375.  
  376.                 <table border=0 cellpadding=0 cellspacing=2 width="100%">
  377.                 <tr>
  378.                         <td noWrap width="20%">对齐方式:</td>
  379.                         <td noWrap width="29%">
  380.                                 <select id="d_align" style="width:80px">
  381.                                 <option value=''>默认</option>
  382.                                 <option value='left'>左对齐</option>
  383.                                 <option value='center'>居中对齐</option>
  384.                                 <option value='right'>右对齐</option>
  385.                                 </select>
  386.                         </td>
  387.                         <td width="2%">&nbsp;</td>
  388.                         <td noWrap width="20%">边框粗细:</td>
  389.                         <td noWrap width="29%"><input style="width:80px" type=text id=d_border size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();"></td>
  390.                 </tr>
  391.                 <tr>
  392.                         <td noWrap width="20%">文字对齐:</td>
  393.                         <td noWrap width="29%">
  394.                                 <select id="d_aligntext" style="width:80px">
  395.                                 <option value=''>默认</option>
  396.                                 <option value='left'>左对齐</option>
  397.                                 <option value='center'>居中对齐</option>
  398.                                 <option value='right'>右对齐</option>
  399.                                 <option value='justify'>两端对齐</option>
  400.                                 </select>
  401.                         </td>
  402.                         <td width="2%">&nbsp;</td>
  403.                         <td noWrap width="20%">边框效果:</td>
  404.                         <td noWrap width="29%">
  405.                                 <select id="d_bordercollapse" style="width:80px">
  406.                                 <option value=''>默认</option>
  407.                                 <option value='separate'>分开</option>
  408.                                 <option value='collapse'>合并</option>
  409.                                 </select>
  410.                         </td>
  411.                 </tr>
  412.                 <tr>
  413.                         <td noWrap width="20%">单元间距:</td>
  414.                         <td noWrap width="29%"><input style="width:80px" type=text id=d_cellspacing size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=3></td>
  415.                         <td width="2%">&nbsp;</td>
  416.                         <td noWrap width="20%">单元边距:</td>
  417.                         <td noWrap width="29%"><input style="width:80px" type=text id=d_cellpadding size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=3></td>
  418.                 </tr>
  419.                 </table>
  420.  
  421.         </td></tr>
  422.         </table>
  423.         </fieldset>
  424.         </td>
  425. </tr>
  426. <tr><td height=5></td></tr>
  427. <tr>
  428.         <td>
  429.         <fieldset>
  430.         <legend>表格尺寸</legend>
  431.         <table border=0 cellpadding=5 cellspacing=0 width="100%">
  432.         <tr><td>
  433.  
  434.                 <table border=0 cellpadding=0 cellspacing=2 width="100%">
  435.                 <tr>
  436.                         <td noWrap><input id="d_widthcheck" type="checkbox" onclick="d_widthvalue.disabled=(!this.checked);d_widthunit.disabled=(!this.checked);" value="1"> <label for=d_widthcheck>指定表格的宽度</label></td>
  437.                         <td noWrap align=right>
  438.                                 <input name="d_widthvalue" type="text" value="" size="5" ONKEYPRESS="event.returnValue=IsDigit();" maxlength="4">
  439.                                 <select name="d_widthunit" size=1 style="width:65px">
  440.                                 <option value='px'>像素</option><option value='%'>百分比</option>
  441.                                 </select>
  442.                         </td>
  443.                 </tr>
  444.                 <tr>
  445.                         <td noWrap><input id="d_heightcheck" type="checkbox" onclick="d_heightvalue.disabled=(!this.checked);d_heightunit.disabled=(!this.checked);" value="1"> <label for=d_heightcheck>指定表格的高度</label></td>
  446.                         <td noWrap align=right>
  447.                                 <input name="d_heightvalue" type="text" value="" size="5" ONKEYPRESS="event.returnValue=IsDigit();" maxlength="4">
  448.                                 <select name="d_heightunit" size=1 style="width:65px">
  449.                                 <option value='px'>像素</option><option value='%'>百分比</option>
  450.                                 </select>                      
  451.                         </td>
  452.                 </tr>
  453.                 </table>
  454.  
  455.         </td></tr>
  456.         </table>
  457.         </fieldset>
  458.         </td>
  459. </tr>
  460. <tr><td height=5></td></tr>
  461. <tr>
  462.         <td>
  463.         <fieldset>
  464.         <legend>表格样式</legend>
  465.         <table border=0 cellpadding=5 cellspacing=0 width="100%">
  466.         <tr><td>
  467.  
  468.                 <table border=0 cellpadding=0 cellspacing=2 width="100%">
  469.                 <tr>
  470.                         <td noWrap width="20%">边框颜色:</td>
  471.                         <td noWrap width="29%"><input style="width:62px" type=text id=d_bordercolor size=7 value=""><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bordercolor onclick="SelectColor('bordercolor')" align=absmiddle></td>
  472.                         <td width="2%">&nbsp;</td>
  473.                         <td noWrap width="20%">边框样式:</td>
  474.                         <td noWrap width="29%">
  475.                                 <select id=d_borderstyle size=1 style="width:80px">
  476.                                 <option value="">默认</option>
  477.                                 <option value="solid">实线</option>
  478.                                 <option value="dotted">虚线</option>
  479.                                 <option value="dashed">破折号</option>
  480.                                 <option value="double">双线</option>
  481.                                 <option value="groove">凹线</option>
  482.                                 <option value="ridge">凸线</option>
  483.                                 <option value="inset">嵌入</option>
  484.                                 <option value="outset">开端</option>
  485.                                 </select>
  486.                         </td>
  487.                 </tr>
  488.                 <tr>
  489.                         <td noWrap width="20%">背景颜色:</td>
  490.                         <td noWrap width="29%"><input style="width:62px" type=text id=d_bgcolor size=7 value=""><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bgcolor onclick="SelectColor('bgcolor')" align=absmiddle></td>
  491.                         <td width="2%">&nbsp;</td>
  492.                         <td noWrap width="20%">背景图片:</td>
  493.                         <td noWrap width="29%"><input style="width:62px" type=text id=d_image size=7 value=""><input type=hidden id=d_repeat><input type=hidden id=d_attachment><img border=0 src="../sysimage/rectimg.gif" width=18 style="cursor:hand" id=s_bgimage onclick="SelectImage()" align=absmiddle></td>
  494.                 </tr>
  495.                 </table>
  496.  
  497.         </td></tr>
  498.         </table>
  499.         </fieldset>
  500.         </td>
  501. </tr>
  502. <tr><td height=5></td></tr>
  503. <tr><td noWrap align=right><input type=submit value='确定' id=Ok onclick="ok()">&nbsp;&nbsp;<input type=button value='取消' onclick="window.close();"></td></tr>
  504. </table>
  505.  
  506.  
  507. </td></tr></table>
  508. </body>
  509. </html>
downloadtable.htm Source code - Download Pcook CMS bubble guest v3.0 SDCMS version Source code
Related Source Codes/Software:
Oo 126 CMS movie site system - This procedure ASP + ACC/ASP + SQL, using new kern... 2016-09-21
IDC sales web site - Beautiful IDC sales web site source code 2016-09-21
NPOINT virtual host v1.7.0 formal version management system - The system main function is introduced 2016-09-21
Classified information network business in suzhou - Overall module: classification of supply and deman... 2016-09-21
Jie Yang v0.6.3 article system - System functions: 1, the system settings A confi... 2016-09-21
Age design website information management system SDCMS v1.1 SP1 - SDCMS is designed to build the information managem... 2016-09-21
Age design website information management system SDCMS v1.1 SP1 - SDCMS is designed to build the information managem... 2016-09-21
C9 v2.1.1 static post system - Program USES ASP + ACC structure design and develo... 2016-09-21
Imitation green download station perfect version - Before increased | software home page, on the basi... 2016-09-21
Subdomain hosting edition v1.9 s taobao, pat - The background site admin 2016-09-21
CRYENGINE - CRYENGINE is a powerful real-time game development... 2017-06-11
postal - 2017-06-11
reactide - Reactide is the first dedicated IDE for React web ... 2017-06-11
rkt - rkt is a pod-native container engine for Linux. It... 2017-06-11
uWebSockets - Tiny WebSockets https://for... 2017-06-11
realworld - TodoMVC for the RealWorld - Exemplary fullstack Me... 2017-06-11
goreplay - GoReplay is an open-source tool for capturing and ... 2017-06-10
pyenv - Simple Python version management 2017-06-10
redux-saga - An alternative side effect model for Redux apps ... 2017-06-10
angular-starter - 2017-06-10

 Back to top