BVB Source Codes

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

Return Download Pcook CMS bubble guest v3.0 SDCMS version: download box.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=utf-8">
  4. <link href="style/editor.css" rel="stylesheet" type="text/css">
  5. <script>
  6.         var sLangDir=dialogArguments.oUtil.langDir;
  7.         document.write("<scr"+"ipt src='language/"+sLangDir+"/box.js'></scr"+"ipt>");
  8. </script>
  9. <script language="JavaScript" src="color_picker.js"></script>
  10. <script>writeTitle()</script>
  11. <script>
  12. function doWindowFocus()
  13.         {      
  14.         dialogArguments.oUtil.onSelectionChanged=new Function("realTime()");
  15.         }
  16. function bodyOnLoad()
  17.         {
  18.         window.onfocus=doWindowFocus;
  19.         dialogArguments.oUtil.onSelectionChanged=new Function("realTime()");
  20.  
  21.         realTime();
  22.         }
  23. function realTime()
  24.         {
  25.         if(!dialogArguments.oUtil.obj.checkFocus()){return;}//Focus stuff
  26.         var oEditor=dialogArguments.oUtil.oEditor;
  27.         var oSel=oEditor.document.selection.createRange();
  28.        
  29.         var oElement;
  30.         if(dialogArguments.oUtil.activeElement)
  31.                 {
  32.                 oElement=dialogArguments.oUtil.activeElement
  33.                 }
  34.         else
  35.                 {
  36.                 if (oSel.parentElement) oElement=oSel.parentElement();
  37.                 else oElement=oSel.item(0);
  38.                 }
  39.        
  40.         inpMarginLeft.value=oElement.style.marginLeft;
  41.         inpMarginRight.value=oElement.style.marginRight;
  42.         inpMarginTop.value=oElement.style.marginTop;
  43.         inpMarginBottom.value=oElement.style.marginBottom;
  44.         inpPaddingLeft.value=oElement.style.paddingLeft;
  45.         inpPaddingRight.value=oElement.style.paddingRight;
  46.         inpPaddingTop.value=oElement.style.paddingTop;
  47.         inpPaddingBottom.value=oElement.style.paddingBottom;
  48.        
  49.         if(oElement.style.width == "")inpWidth.value="";
  50.         if(oElement.style.width.substr(oElement.style.width.length-2,2)=="px")
  51.                 {              
  52.                 inpAutoFitMeasure1.value = "px";
  53.                 inpWidth.value = oElement.style.width.substr(0,oElement.style.width.length-2);
  54.                 }              
  55.         if(oElement.style.width.substr(oElement.style.width.length-1,1)=="%")
  56.                 {
  57.                 inpAutoFitMeasure1.value = "%";
  58.                 inpWidth.value = oElement.style.width.substr(0,oElement.style.width.length-1)
  59.                 }
  60.         if(oElement.style.height == "")inpHeight.value="";
  61.         if(oElement.style.height.substr(oElement.style.height.length-2,2)=="px")
  62.                 {              
  63.                 inpAutoFitMeasure2.value = "px";
  64.                 inpHeight.value = oElement.style.height.substr(0,oElement.style.height.length-2);
  65.                 }              
  66.         if(oElement.style.height.substr(oElement.style.height.length-1,1)=="%")
  67.                 {
  68.                 inpAutoFitMeasure2.value = "%";
  69.                 inpHeight.value = oElement.style.height.substr(0,oElement.style.height.length-1)
  70.                 }              
  71.                
  72.         //Select Border Width
  73.         if(oElement.style.borderLeftWidth==oElement.style.borderTopWidth &&
  74.                 oElement.style.borderLeftWidth==oElement.style.borderRightWidth &&
  75.                 oElement.style.borderLeftWidth==oElement.style.borderBottomWidth)
  76.                 {
  77.                 sBorderWidth = oElement.style.borderLeftWidth;
  78.                
  79.                 var oNodes=tblBorderWidth.childNodes(0).childNodes
  80.                 for(var i=0;i<oNodes.length;i++)
  81.                         {
  82.                         oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
  83.                         oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
  84.                         }
  85.                 if(document.getElementById("idWidth_"+sBorderWidth))
  86.                         {
  87.                         eval("idWidth_"+sBorderWidth).style.backgroundColor='#f1f1f1';
  88.                         eval("idWidth_"+sBorderWidth).style.border='#718191 1px solid';
  89.                         }
  90.                 else
  91.                         {
  92.                         //alert("INFO: The border width size or unit is not available in the Width selection list.")
  93.                         }
  94.                 idSelBorderWidth.value=sBorderWidth;
  95.                 }
  96.        
  97.         //Select Border Style
  98.         if(oElement.style.borderLeftStyle==oElement.style.borderTopStyle &&
  99.                 oElement.style.borderLeftStyle==oElement.style.borderRightStyle &&
  100.                 oElement.style.borderLeftStyle==oElement.style.borderBottomStyle)
  101.                 {
  102.                 var sBorderStyle = oElement.style.borderLeftStyle;
  103.                
  104.  
  105.                 var oNodes=tblBorderStyle.childNodes(0).childNodes
  106.                 for(var i=0;i<oNodes.length;i++)
  107.                         {
  108.                         oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
  109.                         oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
  110.                         }
  111.                 if(sBorderStyle!="")
  112.                         {
  113.                         eval("idStyle_"+sBorderStyle).parentElement.style.backgroundColor='#f1f1f1';
  114.                         eval("idStyle_"+sBorderStyle).parentElement.style.border='#708090 1px solid';
  115.                         idSelBorderStyle.value=sBorderStyle;
  116.                         }
  117.                 else
  118.                         {
  119.                         //alert("INFO: ")
  120.                         }
  121.                 }
  122.        
  123.         //Select ApplyTo
  124.         var oNodes=tblBorderApplyTo.childNodes(0).childNodes
  125.         for(var i=0;i<oNodes.length;i++)
  126.                 {
  127.                 oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
  128.                 oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
  129.                 }
  130.         if((oElement.style.borderLeftWidth.substring(0,1)!="0") &&
  131.                 (oElement.style.borderTopWidth.substring(0,1)=="0") &&
  132.                 (oElement.style.borderRightWidth.substring(0,1)=="0") &&
  133.                 (oElement.style.borderBottomWidth.substring(0,1)=="0"))
  134.                 {
  135.                 //Left
  136.                 eval("idApplyTo_Left").style.backgroundColor='#f1f1f1';
  137.                 eval("idApplyTo_Left").style.border='#718191 1px solid';       
  138.                 idSelBorderApplyTo.value="idApplyTo_Left";     
  139.                 }
  140.         if((oElement.style.borderLeftWidth.substring(0,1)=="0") &&
  141.                 (oElement.style.borderTopWidth.substring(0,1)!="0") &&
  142.                 (oElement.style.borderRightWidth.substring(0,1)=="0") &&
  143.                 (oElement.style.borderBottomWidth.substring(0,1)=="0"))
  144.                 {
  145.                 //Top
  146.                 eval("idApplyTo_Top").style.backgroundColor='#f1f1f1';
  147.                 eval("idApplyTo_Top").style.border='#718191 1px solid';
  148.                 idSelBorderApplyTo.value="idApplyTo_Top";      
  149.                 }
  150.         if((oElement.style.borderLeftWidth.substring(0,1)=="0") &&
  151.                 (oElement.style.borderTopWidth.substring(0,1)=="0") &&
  152.                 (oElement.style.borderRightWidth.substring(0,1)!="0") &&
  153.                 (oElement.style.borderBottomWidth.substring(0,1)=="0"))
  154.                 {
  155.                 //Right
  156.                 eval("idApplyTo_Right").style.backgroundColor='#f1f1f1';
  157.                 eval("idApplyTo_Right").style.border='#718191 1px solid';      
  158.                 idSelBorderApplyTo.value="idApplyTo_Right";    
  159.                 }
  160.         if((oElement.style.borderLeftWidth.substring(0,1)=="0") &&
  161.                 (oElement.style.borderTopWidth.substring(0,1)=="0") &&
  162.                 (oElement.style.borderRightWidth.substring(0,1)=="0") &&
  163.                 (oElement.style.borderBottomWidth.substring(0,1)!="0"))
  164.                 {
  165.                 //Bottom
  166.                 eval("idApplyTo_Bottom").style.backgroundColor='#f1f1f1';
  167.                 eval("idApplyTo_Bottom").style.border='#718191 1px solid';     
  168.                 idSelBorderApplyTo.value="idApplyTo_Bottom";   
  169.                 }
  170.         if((oElement.style.borderLeftWidth.substring(0,1)!="0") &&
  171.                 (oElement.style.borderTopWidth.substring(0,1)!="0") &&
  172.                 (oElement.style.borderRightWidth.substring(0,1)!="0") &&
  173.                 (oElement.style.borderBottomWidth.substring(0,1)!="0"))
  174.                 {
  175.                 //Outside
  176.                 eval("idApplyTo_Outside").style.backgroundColor='#f1f1f1';
  177.                 eval("idApplyTo_Outside").style.border='#718191 1px solid';    
  178.                 idSelBorderApplyTo.value="idApplyTo_Outside";
  179.                 }
  180.         if((oElement.style.borderLeftWidth=="medium") &&
  181.                 (oElement.style.borderTopWidth=="medium") &&
  182.                 (oElement.style.borderRightWidth=="medium") &&
  183.                 (oElement.style.borderBottomWidth=="medium"))
  184.                 {
  185.                 //Width is not specified
  186.                 eval("idApplyTo_Outside").style.backgroundColor='#f1f1f1';
  187.                 eval("idApplyTo_Outside").style.border='#718191 1px solid';    
  188.                 idSelBorderApplyTo.value="idApplyTo_Outside";
  189.                 }
  190.         if((oElement.style.borderLeftWidth.substring(0,1)=="0") &&
  191.                 (oElement.style.borderTopWidth.substring(0,1)=="0") &&
  192.                 (oElement.style.borderRightWidth.substring(0,1)=="0") &&
  193.                 (oElement.style.borderBottomWidth.substring(0,1)=="0"))
  194.                 {
  195.                 //None
  196.                 eval("idApplyTo_None").style.backgroundColor='#f1f1f1';
  197.                 eval("idApplyTo_None").style.border='#718191 1px solid';       
  198.                 idSelBorderApplyTo.value="idApplyTo_None";
  199.                 }
  200.        
  201.         //Select Border & Shading Color
  202.         oColor1.color=oElement.style.borderLeftColor;
  203.         idSelBorderColor.style.backgroundColor=oElement.style.borderLeftColor;
  204.         oColor2.color=oElement.style.backgroundColor;
  205.         idSelShadingColor.style.backgroundColor=oElement.style.backgroundColor;
  206.         }      
  207.  
  208. document.onclick=hideAll;
  209. function hideAll()
  210.         {
  211.         oColor1.hide();oColor2.hide();
  212.         }
  213.  
  214. /*****************************
  215.         APPLY
  216. *****************************/
  217. function doApply()
  218.         {
  219.         if(!dialogArguments.oUtil.obj.checkFocus()){return;}//Focus stuff
  220.         var oEditor=dialogArguments.oUtil.oEditor;
  221.         var oSel=oEditor.document.selection.createRange();
  222.         var sType=oEditor.document.selection.type;
  223.        
  224.         dialogArguments.oUtil.obj.saveForUndo();
  225.        
  226.         if(oSel.parentElement&&oSel.text!="")
  227.                 {
  228.                 var obj=dialogArguments.oUtil.obj;
  229.                 oElement=obj.applySpan();
  230.                 }
  231.         else
  232.                 {
  233.                 if(dialogArguments.oUtil.activeElement)
  234.                         {
  235.                         oElement=dialogArguments.oUtil.activeElement
  236.                         }
  237.                 else
  238.                         {
  239.                         if (oSel.parentElement) oElement=oSel.parentElement();
  240.                         else oElement=oSel.item(0);
  241.                         }
  242.                
  243.                 if(oElement.tagName=="BODY")return;
  244.                 }
  245.  
  246.         doApplyBorder(oElement);
  247.  
  248.         oElement.style.paddingLeft = inpPaddingLeft.value;
  249.         oElement.style.paddingRight = inpPaddingRight.value;
  250.         oElement.style.paddingTop = inpPaddingTop.value;
  251.         oElement.style.paddingBottom = inpPaddingBottom.value;
  252.  
  253.         oElement.style.marginLeft = inpMarginLeft.value;
  254.         oElement.style.marginRight = inpMarginRight.value;
  255.         oElement.style.marginTop = inpMarginTop.value;
  256.         oElement.style.marginBottom = inpMarginBottom.value;
  257.  
  258.         if(inpWidth.value=="")oElement.style.width="";
  259.         else oElement.style.width=inpWidth.value+inpAutoFitMeasure1.value;
  260.         if(inpHeight.value=="")oElement.style.height="";
  261.         else oElement.style.height=inpHeight.value+inpAutoFitMeasure2.value;
  262.         oElement.removeAttribute("width",0);
  263.         oElement.removeAttribute("height",0);
  264.        
  265.         //*** RUNTIME BORDERS ***
  266.         dialogArguments.oUtil.obj.runtimeBorder(false);
  267.         //***********************              
  268.         }
  269.  
  270. function doApplyBorder(oElement)
  271.         {
  272.         sStyle=idSelBorderStyle.value
  273.         sWidth=idSelBorderWidth.value
  274.         sApplyTo=idSelBorderApplyTo.value
  275.         sColor=idSelBorderColor.style.backgroundColor
  276.         sShadingColor=idSelShadingColor.style.backgroundColor
  277.  
  278.         switch(sApplyTo)
  279.                 {
  280.                 case "idApplyTo_None":
  281.                         oElement.style.border="none";
  282.                         break;
  283.                 case "idApplyTo_Outside":
  284.                         if(sStyle=="none")oElement.style.border="none";
  285.                         else oElement.style.border=sColor + " " + sWidth + " " + sStyle;
  286.                         break;
  287.                 case "idApplyTo_Left":
  288.                         if(sStyle=="none") oElement.style.borderLeft="none";
  289.                         else oElement.style.borderLeft=sColor + " " + sWidth + " " + sStyle;
  290.                         break;
  291.                 case "idApplyTo_Top":
  292.                         if(sStyle=="none")oElement.style.borderTop="none";
  293.                         else oElement.style.borderTop=sColor + " " + sWidth + " " + sStyle;
  294.                         break;
  295.                 case "idApplyTo_Right":
  296.                         if(sStyle=="none")oElement.style.borderRight="none";
  297.                         else oElement.style.borderRight=sColor + " " + sWidth + " " + sStyle;
  298.                         break;
  299.                 case "idApplyTo_Bottom":
  300.                         if(sStyle=="none")oElement.style.borderBottom="none";
  301.                         else oElement.style.borderBottom=sColor + " " + sWidth + " " + sStyle;
  302.                         break;
  303.                 }
  304.        
  305.         oElement.style.backgroundColor=sShadingColor;
  306.         }
  307.  
  308. /*****************************
  309.         Mouse Over/Out
  310. *****************************/
  311. function doOver(me)
  312.         {
  313.         if(me.style.backgroundColor!='#f1f1f1')
  314.                 {
  315.                 me.style.backgroundColor='#f0f0f0';
  316.                 me.style.border='#708090 1px solid';
  317.                 }
  318.         }
  319. function doOut(me)
  320.         {
  321.         if(me.style.backgroundColor!='#f1f1f1')
  322.                 {
  323.                 me.style.backgroundColor='#ffffff';
  324.                 me.style.border='#ffffff 1 solid';
  325.                 }
  326.         }
  327.  
  328. /*****************************
  329.         Border Style
  330. *****************************/
  331. /*
  332. function drawBorderStyleSelection()
  333.         {
  334.         arrStyleOptions=[   ["idStyle_Solid","border-bottom:black 1 solid;height:10;"],
  335.                                                 ["idStyle_Dotted","border-bottom:black dotted;height:10"],
  336.                                                 ["idStyle_Dashed","border-bottom:black dashed;height:10"],
  337.                                                 ["idStyle_Double","border-bottom:black double;height:10"],
  338.                                                 ["idStyle_Groove","border-style:groove;height:18"],
  339.                                                 ["idStyle_Ridge","border-style:ridge;height:18"],
  340.                                                 ["idStyle_Inset","border-style:inset;height:18"],
  341.                                                 ["idStyle_Outset","border-style:outset;height:18"]];
  342.         sHTML="<div style='overflow:auto;border:gray 1 solid;width:125;height:127;'>"
  343.         sHTML+="<table id=tblBorderStyle cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed;background:white'>"
  344.         sHTML+="<tr>"
  345.         sHTML+="<td valign=middle onclick=\"doSelectBorderStyle(this)\" style=\"cursor:default;height:25;padding:4;\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
  346.         sHTML+="        <table id=idStyle_None name=idStyle_None style='border:none' cellpadding=0 cellspacing=0 width=100%><tr><td valign=top>" + getTxt("No Border") + "</td></tr></table>"
  347.         sHTML+="</td>"
  348.         sHTML+="</tr>
  349.         for(var i=0;i<arrStyleOptions.length;i++)
  350.                 {
  351.                 if(i==0) sDefaultSelected="border:#708090 1 solid;background-color:#f1f1f1;";
  352.                 else sDefaultSelected="";
  353.                 sHTML+="<tr>"
  354.                 sHTML+="<td valign=top onclick=\"doSelectBorderStyle(this)\" style=\"height:25;padding:4;border:white 1 solid;"+sDefaultSelected+"\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
  355.                 sHTML+="        <table id="+arrStyleOptions[i][0]+" name="+arrStyleOptions[i][0]+" style='"+arrStyleOptions[i][1]+"' width=100%><tr><td></td></tr></table>"
  356.                 sHTML+="</td>"
  357.                 sHTML+="</tr>"
  358.                 }
  359.         sHTML+="</table><input type=hidden name=idSelBorderStyle value='solid'>"
  360.         sHTML+="</div>"
  361.         document.write(sHTML)
  362.         }*/
  363.        
  364. function drawBorderStyleSelection(idSelected)
  365.         {
  366.         arrStyleOptions=[   ["idStyle_none","border:none;height:10;",getTxt("No Border")],
  367.                                                 ["idStyle_solid","border-bottom:black 1 solid;height:10;",""],
  368.                                                 ["idStyle_dotted","border-bottom:black dotted;height:10",""],
  369.                                                 ["idStyle_dashed","border-bottom:black dashed;height:10",""],
  370.                                                 ["idStyle_double","border-bottom:black double;height:10",""],
  371.                                                 ["idStyle_groove","border-style:groove;height:18",""],
  372.                                                 ["idStyle_ridge","border-style:ridge;height:18",""],
  373.                                                 ["idStyle_inset","border-style:inset;height:18",""],
  374.                                                 ["idStyle_outset","border-style:outset;height:18",""]];//[ID,CssText,Caption)
  375.         sHTML="<div style='overflow:auto;border:gray 1 solid;width:125;height:127;'>"
  376.         sHTML+="<table id=tblBorderStyle cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed;background:white'>"
  377.         for(var i=0;i<arrStyleOptions.length;i++)
  378.                 {
  379.                 sHTML+="<tr>"
  380.                 sHTML+="<td valign=top onclick=\"doSelectBorderStyle(this)\" style=\"cursor:default;height:25;padding:4;border:white 1 solid;\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
  381.                 sHTML+="        <table id="+arrStyleOptions[i][0]+" name="+arrStyleOptions[i][0]+" style='"+arrStyleOptions[i][1]+"' width=100%><tr><td>"+arrStyleOptions[i][2]+"</td></tr></table>"
  382.                 sHTML+="</td>"
  383.                 sHTML+="</tr>"
  384.                 }
  385.         sHTML+="</table><input type=hidden name=idSelBorderStyle>"
  386.         sHTML+="</div>"
  387.         document.write(sHTML)
  388.         }
  389.        
  390. function doSelectBorderStyle(me)
  391.         {
  392.         oNodes=tblBorderStyle.childNodes(0).childNodes
  393.         for(var i=0;i<oNodes.length;i++)
  394.                 {
  395.                 oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
  396.                 oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
  397.                 }
  398.         me.style.backgroundColor='#f1f1f1';
  399.         me.style.border='#708090 1px solid';
  400.         idSelBorderStyle.value=me.childNodes(0).style.borderBottomStyle;
  401.         }
  402.        
  403. /*****************************
  404.         Border Width
  405. *****************************/
  406. /*
  407. function drawBorderWidthSelection()
  408.         {
  409.         arrWidthOptions=[["idWidth_1","1px","border-bottom:black 1px solid;height:16;"],
  410.                                         ["idWidth_2","2px","border-bottom:black 2px solid;height:16;"],
  411.                                         ["idWidth_3","3px","border-bottom:black 3px solid;height:16;"],
  412.                                         ["idWidth_4","4px","border-bottom:black 4px solid;height:16;"],
  413.                                         ["idWidth_5","5px","border-bottom:black 5px solid;height:16;"],
  414.                                         ["idWidth_6","6px","border-bottom:black 6px solid;height:16;"],
  415.                                         ["idWidth_7","7px","border-bottom:black 7px solid;height:16;"]];
  416.         sHTML="<div style='overflow:auto;border:gray 1 solid;width:125;height:127'>"
  417.         sHTML+="<table id=tblBorderWidth cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed;background:white'>"
  418.         for(var i=0;i<arrWidthOptions.length;i++)
  419.                 {
  420.                 if(i==0)
  421.                         {//DEFAULT
  422.                         sHTML+="<tr>"
  423.                         sHTML+="<td id="+arrWidthOptions[i][0]+" name="+arrWidthOptions[i][0]+" style=\"height:25;padding:1;border:white 1 solid;border:#708090 1 solid;background-color:#f1f1f1\" onclick=\"doSelectBorderWidth(this)\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
  424.                         sHTML+="        <table width=100%><tr><td style=\"height:25\" >"+arrWidthOptions[i][1]+"</td><td valign=top width=100%> <table style='"+arrWidthOptions[i][2]+"' width=100%><tr><td></td></tr></table> </td></tr></table>"
  425.                         sHTML+="</td>"
  426.                         sHTML+="</tr>"
  427.                         }
  428.                 else
  429.                         {
  430.                         sHTML+="<tr>"
  431.                         sHTML+="<td id="+arrWidthOptions[i][0]+" name="+arrWidthOptions[i][0]+" style=\"height:25;padding:1;border:white 1 solid;\" onclick=\"doSelectBorderWidth(this)\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
  432.                         sHTML+="        <table width=100%><tr><td style=\"height:25\" >"+arrWidthOptions[i][1]+"</td><td valign=top width=100%> <table style='"+arrWidthOptions[i][2]+"' width=100%><tr><td></td></tr></table> </td></tr></table>"
  433.                         sHTML+="</td>"
  434.                         sHTML+="</tr>"
  435.                         }
  436.                 }
  437.         sHTML+="</table><input type=hidden name=idSelBorderWidth value='1pt'>"
  438.         sHTML+="</div>"
  439.         document.write(sHTML)
  440.         }*/
  441.        
  442. function drawBorderWidthSelection()
  443.         {
  444.         arrWidthOptions=[["idWidth_1px","border-bottom:black 1px solid;height:16;","1px"],
  445.                                          ["idWidth_2px","border-bottom:black 2px solid;height:16;","2px"],
  446.                                          ["idWidth_3px","border-bottom:black 3px solid;height:16;","3px"],
  447.                                          ["idWidth_4px","border-bottom:black 4px solid;height:16;","4px"],
  448.                                          ["idWidth_5px","border-bottom:black 5px solid;height:16;","5px"],
  449.                                          ["idWidth_6px","border-bottom:black 6px solid;height:16;","6px"],
  450.                                          ["idWidth_7px","border-bottom:black 7px solid;height:16;","7px"]];
  451.         sHTML="<div style='overflow:auto;border:gray 1 solid;width:125;height:127'>"
  452.         sHTML+="<table id=tblBorderWidth cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed;background:white'>"
  453.         for(var i=0;i<arrWidthOptions.length;i++)
  454.                 {
  455.                 sHTML+="<tr>"
  456.                 sHTML+="<td id="+arrWidthOptions[i][0]+" name="+arrWidthOptions[i][0]+" style=\"height:25;padding:1;border:white 1 solid;\" onclick=\"doSelectBorderWidth(this)\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
  457.                 sHTML+="        <table width=100%><tr><td style=\"height:25\" >"+arrWidthOptions[i][2]+"</td><td valign=top width=100%> <table style='"+arrWidthOptions[i][1]+"' width=100%><tr><td></td></tr></table> </td></tr></table>"
  458.                 sHTML+="</td>"
  459.                 sHTML+="</tr>"
  460.                 }
  461.         sHTML+="</table><input type=hidden name=idSelBorderWidth>"
  462.         sHTML+="</div>"
  463.         document.write(sHTML)
  464.         }
  465.        
  466. function doSelectBorderWidth(me)
  467.         {
  468.         oNodes=tblBorderWidth.childNodes(0).childNodes
  469.         for(var i=0;i<oNodes.length;i++)
  470.                 {
  471.                 oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
  472.                 oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
  473.                 }
  474.         me.style.backgroundColor='#f1f1f1';
  475.         me.style.border='#718191 1px solid';
  476.        
  477.         idSelBorderWidth.value=me.childNodes(0).childNodes(0).childNodes(0).childNodes(1).childNodes(0).style.borderBottomWidth;
  478.         }
  479.  
  480. /*****************************
  481.         Border Apply To
  482. *****************************/
  483. /*
  484. function drawBorderApplyToSelection()
  485.         {
  486.         arrApplyToOptions=[["idApplyTo_None",getTxt("No Border"),"border/border_none.gif"],
  487.                                         ["idApplyTo_Outside",getTxt("Outside Border"),"border/border_outside.gif"],
  488.                                         ["idApplyTo_Left",getTxt("Left Border"),"border/border_left.gif"],
  489.                                         ["idApplyTo_Top",getTxt("Top Border"),"border/border_top.gif"],
  490.                                         ["idApplyTo_Right",getTxt("Right Border"),"border/border_right.gif"],
  491.                                         ["idApplyTo_Bottom",getTxt("Bottom Border"),"border/border_bottom.gif"]];
  492.         sHTML="<div style='overflow:auto;border:gray 1 solid;width:60;height:127'>"
  493.         sHTML+="<table id=tblBorderApplyTo cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed;background:white'>"
  494.         for(var i=0;i<arrApplyToOptions.length;i++)
  495.                 {
  496.                 if(i==1)
  497.                         {//DEFAULT
  498.                         sHTML+="<tr>"
  499.                         sHTML+="<td id="+arrApplyToOptions[i][0]+" name="+arrApplyToOptions[i][0]+" valign=top style=\"height:30;padding:4;border:white 1 solid;border:#708090 1 solid;background-color:#f1f1f1\" onclick=\"doSelectBorderApplyTo(this)\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
  500.                         sHTML+="        <img src='"+arrApplyToOptions[i][2]+"' alt='"+arrApplyToOptions[i][1]+"'>"
  501.                         sHTML+="</td>"
  502.                         sHTML+="</tr>"
  503.                         }
  504.                 else
  505.                         {
  506.                         sHTML+="<tr>"
  507.                         sHTML+="<td id="+arrApplyToOptions[i][0]+" name="+arrApplyToOptions[i][0]+" valign=top style=\"height:30;padding:4;border:white 1 solid;\" onclick=\"doSelectBorderApplyTo(this)\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
  508.                         sHTML+="        <img src='"+arrApplyToOptions[i][2]+"' alt='"+arrApplyToOptions[i][1]+"'>"
  509.                         sHTML+="</td>"
  510.                         sHTML+="</tr>"
  511.                         }
  512.                 }
  513.         sHTML+="</table><input type=hidden name=idSelBorderApplyTo value='idApplyTo_Outside'>"
  514.         sHTML+="</div>"
  515.  
  516.         document.write(sHTML)
  517.         }*/
  518. function drawBorderApplyToSelection()
  519.         {
  520.         arrApplyToOptions=[ ["idApplyTo_None","border/border_none.gif",getTxt("No Border")],
  521.                                                 ["idApplyTo_Outside","border/border_outside.gif",getTxt("Outside Border")],
  522.                                                 ["idApplyTo_Left","border/border_left.gif",getTxt("Left Border")],
  523.                                                 ["idApplyTo_Top","border/border_top.gif",getTxt("Top Border")],
  524.                                                 ["idApplyTo_Right","border/border_right.gif",getTxt("Right Border")],
  525.                                                 ["idApplyTo_Bottom","border/border_bottom.gif",getTxt("Bottom Border")]];
  526.         sHTML="<div style='overflow:auto;border:gray 1 solid;width:60;height:127'>"
  527.         sHTML+="<table id=tblBorderApplyTo cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed;background:white'>"
  528.         for(var i=0;i<arrApplyToOptions.length;i++)
  529.                 {
  530.                 sHTML+="<tr>"
  531.                 sHTML+="<td id="+arrApplyToOptions[i][0]+" name="+arrApplyToOptions[i][0]+" valign=top style=\"height:30;padding:4;border:white 1 solid;\" onclick=\"doSelectBorderApplyTo(this)\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
  532.                 sHTML+="        <img src='"+arrApplyToOptions[i][1]+"' alt='"+arrApplyToOptions[i][2]+"'>"
  533.                 sHTML+="</td>"
  534.                 sHTML+="</tr>"
  535.                 }
  536.         sHTML+="</table><input type=hidden name=idSelBorderApplyTo>"
  537.         sHTML+="</div>"
  538.  
  539.         document.write(sHTML)
  540.         }
  541. function doSelectBorderApplyTo(me)
  542.         {
  543.         oNodes=tblBorderApplyTo.childNodes(0).childNodes
  544.         for(var i=0;i<oNodes.length;i++)
  545.                 {
  546.                 oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
  547.                 oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
  548.                 }
  549.         me.style.backgroundColor='#f1f1f1';
  550.         me.style.border='#718191 1px solid';
  551.        
  552.         idSelBorderApplyTo.value=me.id;
  553.         }      
  554. </script>
  555. </head>
  556.  
  557. <body onload="loadTxt();bodyOnLoad()" style="overflow:hidden;">
  558.  
  559. <table width=100% height=100% align=center cellpadding=0 cellspacing=0>
  560. <tr>
  561. <td valign=top style="padding:5;padding-bottom:0;height:100%">
  562.  
  563.         <table>
  564.         <tr>
  565.         <td valign=top style="padding:3">
  566.                 <script>
  567.                 drawBorderStyleSelection()
  568.                 </script>
  569.         </td>
  570.         <td valign=top style="padding:3">
  571.                 <script>
  572.                 drawBorderWidthSelection()
  573.                 </script>
  574.         </td>
  575.         <td valign=top style="padding:3" nowrap>
  576.                 <script>
  577.                 drawBorderApplyToSelection()
  578.                 </script>
  579.         </td>
  580.         <td valign=top style="padding:3" nowrap>
  581.                 <div><span id=txtLang name=txtLang>Color</span>:</div>
  582.                
  583.                 <script>
  584.                 document.write("<span style='background:white'>");
  585.                 document.write("        <span id='idSelBorderColor' style='border:gray 1 solid;width:20;margin-right:3;background-color:#000000'></span>");
  586.                 document.write("</span>");
  587.                 document.write("<input type=button value='" + getTxt("Pick") + "' onclick=\"oColor1.show(this);event.cancelBubble=true;\" class=\"inpBtn\" onmouseover=\"this.className='inpBtnOver';\" onmouseout=\"this.className='inpBtnOut'\">");
  588.                
  589.                 var oColor1 = new ColorPicker("oColor1");
  590.                 oColor1.onPickColor = new Function("idSelBorderColor.style.backgroundColor=oColor1.color;");
  591.                 oColor1.onRemoveColor = new Function("idSelBorderColor.style.backgroundColor='';");
  592.                 oColor1.align="right";
  593.                 //oColor1.color="#000000";
  594.                 oColor1.txtCustomColors=getTxt("Custom Colors");
  595.                 oColor1.txtMoreColors=getTxt("More Colors...");
  596.                 oColor1.RENDER();
  597.                 </script>      
  598.  
  599.                 <div style='margin-top:7'><span id=txtLang name=txtLang>Shading</span>:</div>
  600.        
  601.                 <script>
  602.                 document.write("<span style='background:white'>");
  603.                 document.write("        <span id='idSelShadingColor' style='border:gray 1 solid;width:20;margin-right:3;'></span>");
  604.                 document.write("</span>");
  605.                 document.write("<input type=button value='" + getTxt("Pick") + "' onclick=\"oColor2.show(this);event.cancelBubble=true;\" class=\"inpBtn\" onmouseover=\"this.className='inpBtnOver';\" onmouseout=\"this.className='inpBtnOut'\">");
  606.                
  607.                 var oColor2 = new ColorPicker("oColor2");
  608.                 oColor2.onPickColor = new Function("idSelShadingColor.style.backgroundColor=oColor2.color;");
  609.                 oColor2.onRemoveColor = new Function("idSelShadingColor.style.backgroundColor='';");
  610.                 oColor2.align="right";
  611.                 //oColor2.color="";
  612.                 oColor2.txtCustomColors=getTxt("Custom Colors");
  613.                 oColor2.txtMoreColors=getTxt("More Colors...");
  614.                 oColor2.RENDER();
  615.                 </script>      
  616.         </td>
  617.         </tr>
  618.         </table>
  619.  
  620. </td>
  621. </tr>
  622. <tr>
  623. <td nowrap style="padding-left:8">
  624.  
  625.         <table cellpadding=0 cellspacing=0>
  626.         <tr>
  627.         <td>
  628.                 <table cellpadding=2 cellspacing=0>
  629.                 <tr><td colspan=7 id=txtLang name=txtLang>Margin:</td></tr>
  630.                 <tr>
  631.                 <td><span id=txtLang name=txtLang>Left</span>:</td>
  632.                 <td><input type="text" name="inpMarginLeft" size=1 class="inpTxt"></td>
  633.                 <td> px</td>
  634.                 <td>&nbsp;&nbsp;</td>
  635.                 <td align=right><span id=txtLang name=txtLang>Right</span>:</td>
  636.                 <td><input type="text" name="inpMarginRight" size=1 class="inpTxt"></td>
  637.                 <td> px</td>
  638.                 </tr>
  639.                 <tr>
  640.                 <td><span id=txtLang name=txtLang>Top</span>:</td>
  641.                 <td><input type="text" name="inpMarginTop" size=1 class="inpTxt"></td>
  642.                 <td> px</td>
  643.                 <td>&nbsp;&nbsp;</td>
  644.                 <td align=right><span id=txtLang name=txtLang>Bottom</span>:</td>
  645.                 <td><input type="text" name="inpMarginBottom" size=1 class="inpTxt"></td>
  646.                 <td> px</td>
  647.                 </tr>
  648.                 </table>
  649.        
  650.         </td>
  651.         <td>
  652.         <div style="margin:5;height:55;border-left:lightgrey 1 solid"></div>
  653.         </td>
  654.         <td style="padding-bottom:5">
  655.        
  656.                 <table cellpadding=2 cellspacing=0>
  657.                 <tr><td colspan=7 id=txtLang name=txtLang>Padding:</td></tr>
  658.                 <tr>
  659.                 <td><span id=txtLang name=txtLang>Left</span>:</td>
  660.                 <td><input type="text" name="inpPaddingLeft" size=1 class="inpTxt"></td>
  661.                 <td> px</td>
  662.                 <td>&nbsp;&nbsp;</td>
  663.                 <td align=right><span id=txtLang name=txtLang>Right</span>:</td>
  664.                 <td><input type="text" name="inpPaddingRight" size=1 class="inpTxt"></td>
  665.                 <td> px</td>
  666.                 </tr>
  667.                 <tr>
  668.                 <td><span id=txtLang name=txtLang>Top</span>:</td>
  669.                 <td><input type="text" name="inpPaddingTop" size=1 class="inpTxt"></td>
  670.                 <td> px</td>
  671.                 <td>&nbsp;&nbsp;</td>
  672.                 <td align=right><span id=txtLang name=txtLang>Bottom</span>:</td>
  673.                 <td><input type="text" name="inpPaddingBottom" size=1 class="inpTxt"></td>
  674.                 <td> px</td>
  675.                 </tr>
  676.                 </table>
  677.                
  678.         </td>
  679.         </tr>
  680.         <tr>
  681.         <td colspan=3 style="padding-top:3;padding-bottom:5;border-top:lightgrey 1 solid">
  682.        
  683.                 <table cellpadding=2 cellspacing=0>
  684.                 <tr><td colspan=2 id=txtLang name=txtLang>Dimension</td></tr>
  685.                 <tr>
  686.                 <td><span id=txtLang name=txtLang>Width</span>:</td>
  687.                 <td>
  688.                 <input type="text" name="inpWidth" size=1 class="inpTxt">
  689.                 <select name="inpAutoFitMeasure1" class="inpSel">
  690.                         <option value="px" id="optLang" name="optLang">pixels</option>
  691.                         <option value="%" id="optLang" name="optLang">percent</option>
  692.                 </select>
  693.                 </td>
  694.                 </tr>
  695.                 <tr>
  696.                 <td><span id=txtLang name=txtLang>Height</span>:</td>
  697.                 <td>
  698.                 <input type="text" name="inpHeight" size=1 class="inpTxt">
  699.                 <select name="inpAutoFitMeasure2" class="inpSel">
  700.                         <option value="px" id="optLang" name="optLang">pixels</option>
  701.                         <option value="%" id="optLang" name="optLang">percent</option>
  702.                 </select>
  703.                 </td>
  704.                 </tr>
  705.                 </table>
  706.                
  707.         </td>
  708.         </tr>          
  709.         </table>
  710.  
  711. </tr>
  712. <tr>
  713. <td class="dialogFooter" style="padding:13;padding-top:7;padding-bottom:7;" align="right">
  714.         <input type="button" name=btnCancel id=btnCancel value="cancel" onclick="self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  715.         <input type="button" name=btnApply id=btnApply value="apply" onclick="doApply()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  716.         <input type="button" name=btnOk id=btnOk value=" ok " onclick="doApply();self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  717. </td>
  718. </tr>
  719. </table>
  720.  
  721. </body>
  722. </html>
downloadbox.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