BVB Source Codes

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

Return Download Pcook CMS bubble guest v3.0 SDCMS version: download text1.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=window.opener.oUtil.langDir;
  7.         document.write("<scr"+"ipt src='../language/"+sLangDir+"/text1.js'></scr"+"ipt>");
  8. </script>
  9. <script language="JavaScript" src="color_picker.js"></script>
  10. <script>writeTitle()</script>
  11. <script language="JavaScript" src="list.js"></script>
  12. <script>
  13. var dialogArgument=['window.opener', 'window.opener'];
  14. var activeModalWin;
  15. document.onclick=hideAll;
  16. function hideAll()
  17.     {
  18.     oColor1.hide();oColor2.hide();
  19.     }
  20.  
  21. function modelessDialogShow(url,width,height)
  22.     {
  23.     var left = screen.availWidth/2 - width/2;
  24.     var top = screen.availHeight/2 - height/2;
  25.     window.open(url, "", "dependent=yes,width="+width+"px,height="+height+",left="+left+",top="+top);
  26.     }
  27.  
  28. function modalDialogShow(url,width,height)
  29.     {
  30.     var left = screen.availWidth/2 - width/2;
  31.     var top = screen.availHeight/2 - height/2;
  32.     activeModalWin = window.open(url, "", "width="+width+"px,height="+height+",left="+left+",top="+top);
  33.     window.onfocus = function(){if (activeModalWin.closed == false){activeModalWin.focus();};};
  34.        
  35.     }
  36.    
  37. function GetElement(oElement,sMatchTag)
  38.     {
  39.     while (oElement!=null&&oElement.tagName!=sMatchTag)
  40.        {
  41.        if(oElement.tagName=="BODY")return null;
  42.         oElement=oElement.parentNode;
  43.         }
  44.     return oElement;
  45.     }
  46.  
  47. function doWindowFocus()
  48.     {  
  49.     window.opener.oUtil.onSelectionChanged=new Function("realTime()");
  50.     }
  51.    
  52. var obj1 = new ListEditor("obj1")
  53.  
  54. function bodyOnLoad()
  55.     {
  56.     window.onfocus=doWindowFocus;
  57.     window.opener.oUtil.onSelectionChanged=new Function("realTime()");
  58.    
  59.     var obj=window.opener.oUtil.obj;
  60.    
  61.     //Font-Family
  62.     var sTmp="["
  63.     for(var i=0;i<obj.arrFontName.length;i++)
  64.        {
  65.        sFontName=obj.arrFontName[i];
  66.        sTmp+="['"+sFontName+"','"+sFontName+"','font:8pt "+sFontName+";'],"
  67.        }
  68.    sTmp=sTmp.substr(0,sTmp.length-1)
  69.    sTmp+="]";
  70.    obj1.items=eval(sTmp);
  71.    document.getElementById("divFont_family").innerHTML=obj1.RUN();
  72.    obj1.onEdit = updateFont_Family;
  73.    realTime();
  74.    
  75.    }
  76.  
  77. function realTime()
  78.    {    
  79.    var inpFont_Family = document.getElementById("inpFont_Family");
  80.    var inpFont_StyleWeight = document.getElementById("inpFont_StyleWeight");
  81.    var inpFont_Size = document.getElementById("inpFont_Size");
  82.    var inpText_ForegroundColor = document.getElementById("inpText_ForegroundColor");
  83.    var inpText_BackgroundColor = document.getElementById("inpText_BackgroundColor");
  84.    
  85.    var inpText_VAlign_Relative = document.getElementById("inpText_VAlign_Relative");
  86.    var inpText_LetterSpacing = document.getElementById("inpText_LetterSpacing");
  87.    
  88.    var inpText_Decoration = document.getElementsByName("inpText_Decoration");
  89.    var inpText_Case = document.getElementsByName("inpText_Case");
  90.    var inpFont_Variant = document.getElementsByName("inpFont_Variant");
  91.    var inpText_VAlign = document.getElementsByName("inpText_VAlign");
  92.    
  93.    var oEditor=window.opener.oUtil.oEditor;
  94.    var oSel=oEditor.getSelection();
  95.    
  96.    var isTextSel = window.opener.isTextSelected(oSel);
  97.    
  98.    var oElement;
  99.    if(window.opener.oUtil.activeElement)
  100.        oElement=window.opener.oUtil.activeElement;
  101.    else
  102.        oElement = window.opener.getSelectedElement(oSel);
  103.  
  104.    inpFont_Family.value=oElement.style.fontFamily;
  105.  
  106.    if(oElement.style.fontWeight=="normal" && oElement.style.fontStyle=="normal")
  107.        inpFont_StyleWeight.value=sStyleWeight1;
  108.    else if(oElement.style.fontWeight=="normal" && oElement.style.fontStyle=="italic")
  109.        inpFont_StyleWeight.value=sStyleWeight2;
  110.    else if(oElement.style.fontWeight=="bold" && oElement.style.fontStyle=="normal")
  111.        inpFont_StyleWeight.value=sStyleWeight3;
  112.    else if(oElement.style.fontWeight=="bold" && oElement.style.fontStyle=="italic")
  113.        inpFont_StyleWeight.value=sStyleWeight4;
  114.    else inpFont_StyleWeight.value=""
  115.    
  116.    inpFont_Size.value=oElement.style.fontSize;
  117.    
  118.    inpText_ForegroundColor.style.backgroundColor=oElement.style.color;
  119.    inpText_BackgroundColor.style.backgroundColor=oElement.style.backgroundColor;
  120.    
  121.    if(oElement.style.textDecoration=="")inpText_Decoration[0].checked=true;
  122.    if(oElement.style.textDecoration=="underline")inpText_Decoration[1].checked=true;
  123.    if(oElement.style.textDecoration=="overline")inpText_Decoration[2].checked=true;
  124.    if(oElement.style.textDecoration=="line-through")inpText_Decoration[3].checked=true;
  125.    if(oElement.style.textDecoration=="none")inpText_Decoration[4].checked=true;
  126.    
  127.    if(oElement.style.textTransform=="")inpText_Case[0].checked=true;
  128.    if(oElement.style.textTransform=="capitalize")inpText_Case[1].checked=true;
  129.    if(oElement.style.textTransform=="uppercase")inpText_Case[2].checked=true;
  130.    if(oElement.style.textTransform=="lowercase")inpText_Case[3].checked=true;
  131.    if(oElement.style.textTransform=="none")inpText_Case[4].checked=true;
  132.    
  133.    if(oElement.style.fontVariant=="")inpFont_Variant[0].checked=true;
  134.    if(oElement.style.fontVariant=="small-caps")inpFont_Variant[1].checked=true;
  135.    if(oElement.style.fontVariant=="normal")inpFont_Variant[2].checked=true;
  136.    
  137.    if(oElement.style.verticalAlign=="")
  138.        {
  139.        inpText_VAlign[0].checked=true;
  140.        inpText_VAlign_Relative.value="";
  141.        }
  142.    if(oElement.style.verticalAlign=="super")
  143.        {
  144.        inpText_VAlign[1].checked=true;
  145.        inpText_VAlign_Relative.value="";
  146.        }
  147.    if(oElement.style.verticalAlign=="sub")
  148.        {
  149.        inpText_VAlign[2].checked=true;
  150.        inpText_VAlign_Relative.value="";
  151.        }          
  152.    if(oElement.style.verticalAlign=="top" ||
  153.        oElement.style.verticalAlign=="middle" ||
  154.        oElement.style.verticalAlign=="bottom" ||
  155.        oElement.style.verticalAlign=="text-top" ||
  156.        oElement.style.verticalAlign=="text-bottom")
  157.        {      
  158.        inpText_VAlign[3].checked=true;
  159.        inpText_VAlign_Relative.value=oElement.style.verticalAlign;
  160.        }
  161.    if(oElement.style.verticalAlign=="baseline")
  162.        {
  163.        inpText_VAlign[4].checked=true;
  164.        inpText_VAlign_Relative.value="";
  165.        }
  166.    
  167.    inpText_LetterSpacing.value=oElement.style.letterSpacing;
  168.    }
  169.  
  170. function updateFont_Family()
  171.    {
  172.    sVal = ""
  173.    var arrList = obj1.getResultValues()
  174.    for(var i=0;i<arrList.length;i++) sVal += arrList[i] + ", ";
  175.    sVal = sVal.substring(0,sVal.length-2)
  176.    document.getElementById("inpFont_Family").value = sVal
  177.    
  178.    preview()
  179.    }
  180.  
  181. function preview()
  182.    {
  183.    var divPreview = document.getElementById("divPreview");
  184.    var inpFont_Family = document.getElementById("inpFont_Family");
  185.  
  186.    //divPreview selalu di-renew (bukan di-update) setiap kali style berubah (shg tdk perlu remove rule).
  187.    divPreview.innerHTML= "<table height=100% width=100%><tr><td valign=middle align=center>____________ <span id=spanPreview></span> ____________</td></tr></table>"
  188.  
  189.     var spanPreview = document.getElementById("spanPreview");
  190.     if(inpFont_Family.value!="") spanPreview.innerHTML=inpFont_Family.value;
  191.     else spanPreview.innerHTML="Text Preview";
  192.     format(spanPreview);
  193.     }
  194.  
  195. function getArrStyle()
  196.         {
  197.     var inpFont_Family = document.getElementById("inpFont_Family");
  198.     var inpFont_Size = document.getElementById("inpFont_Size");
  199.     var inpFont_StyleWeight = document.getElementById("inpFont_StyleWeight");
  200.    
  201.     var inpText_Decoration = document.getElementsByName("inpText_Decoration");
  202.     var inpText_Case = document.getElementsByName("inpText_Case");
  203.     var inpFont_Variant = document.getElementsByName("inpFont_Variant");
  204.     var inpText_VAlign = document.getElementsByName("inpText_VAlign");
  205.    
  206.     var inpText_ForegroundColor = document.getElementById("inpText_ForegroundColor");
  207.     var inpText_BackgroundColor = document.getElementById("inpText_BackgroundColor");
  208.     var inpText_LetterSpacing = document.getElementById("inpText_LetterSpacing");
  209.    
  210.     var inpText_VAlign_Relative = document.getElementById("inpText_VAlign_Relative");
  211.    
  212.         var arrStyle=[];
  213.  
  214.         arrStyle.push(["fontFamily",inpFont_Family.value]);
  215.         arrStyle.push(["fontSize",inpFont_Size.value]);
  216.  
  217.         if(inpFont_StyleWeight.value==sStyleWeight1)
  218.                 {
  219.                 arrStyle.push(["fontWeight","normal"]);
  220.                 arrStyle.push(["fontStyle","normal"]);
  221.                 }
  222.         else if(inpFont_StyleWeight.value==sStyleWeight2)
  223.                 {
  224.                 arrStyle.push(["fontWeight","normal"]);
  225.                 arrStyle.push(["fontStyle","italic"]);
  226.                 }
  227.         else if(inpFont_StyleWeight.value==sStyleWeight3)
  228.                 {
  229.                 arrStyle.push(["fontWeight","bold"]);
  230.                 arrStyle.push(["fontStyle","normal"]);
  231.                 }
  232.         else if(inpFont_StyleWeight.value==sStyleWeight4)
  233.                 {
  234.                 arrStyle.push(["fontWeight","bold"]);
  235.                 arrStyle.push(["fontStyle","italic"]);
  236.                 }
  237.         else
  238.                 {
  239.                 arrStyle.push(["fontWeight",""]);
  240.                 arrStyle.push(["fontStyle",""]);
  241.                 }
  242.  
  243.         if(inpText_Decoration[0].checked)
  244.                 arrStyle.push(["textDecoration",""]);
  245.         if(inpText_Decoration[1].checked)
  246.                 arrStyle.push(["textDecoration","underline"]);
  247.         if(inpText_Decoration[2].checked)
  248.                 arrStyle.push(["textDecoration","overline"]);
  249.         if(inpText_Decoration[3].checked)
  250.                 arrStyle.push(["textDecoration","line-through"]);
  251.         if(inpText_Decoration[4].checked)
  252.                 arrStyle.push(["textDecoration","none"]);
  253.                
  254.         if(inpText_Case[0].checked)
  255.                 arrStyle.push(["textTransform",""]);
  256.         if(inpText_Case[1].checked)
  257.                 arrStyle.push(["textTransform","capitalize"]);
  258.         if(inpText_Case[2].checked)
  259.                 arrStyle.push(["textTransform","uppercase"]);
  260.         if(inpText_Case[3].checked)
  261.                 arrStyle.push(["textTransform","lowercase"]);
  262.         if(inpText_Case[4].checked)
  263.                 arrStyle.push(["textTransform","none"]);
  264.        
  265.         if(inpFont_Variant[0].checked)
  266.                 arrStyle.push(["fontVariant",""]);
  267.         if(inpFont_Variant[1].checked)
  268.                 arrStyle.push(["fontVariant","small-caps"]);
  269.         if(inpFont_Variant[2].checked)
  270.                 arrStyle.push(["fontVariant","normal"]);
  271.        
  272.         if(inpText_VAlign[0].checked)
  273.                 arrStyle.push(["verticalAlign",""]);
  274.         if(inpText_VAlign[1].checked)
  275.                 arrStyle.push(["verticalAlign","super"]);
  276.         if(inpText_VAlign[2].checked)
  277.                 arrStyle.push(["verticalAlign","sub"]);
  278.         if(inpText_VAlign[3].checked)
  279.                 arrStyle.push(["verticalAlign",inpText_VAlign_Relative.value]);
  280.         if(inpText_VAlign[4].checked)
  281.                 arrStyle.push(["verticalAlign","baseline"]);
  282.        
  283.         arrStyle.push(["color",inpText_ForegroundColor.style.backgroundColor]);
  284.         arrStyle.push(["backgroundColor",inpText_BackgroundColor.style.backgroundColor]);
  285.        
  286.         if(inpText_LetterSpacing.value=="")
  287.                 arrStyle.push(["letterSpacing",""]);
  288.         else
  289.                 arrStyle.push(["letterSpacing",inpText_LetterSpacing.value+"px"]);
  290.        
  291.         return arrStyle;
  292.         }
  293.  
  294. function format(s)
  295.     {
  296.     var divPreview = document.getElementById("divPreview");
  297.     var spanPreview = document.getElementById("spanPreview");    
  298.     var inpFont_Family = document.getElementById("inpFont_Family");
  299.     var inpFont_Size = document.getElementById("inpFont_Size");
  300.     var inpFont_StyleWeight = document.getElementById("inpFont_StyleWeight");
  301.    
  302.     var inpText_Decoration = document.getElementsByName("inpText_Decoration");
  303.     var inpText_Case = document.getElementsByName("inpText_Case");
  304.     var inpFont_Variant = document.getElementsByName("inpFont_Variant");
  305.     var inpText_VAlign = document.getElementsByName("inpText_VAlign");
  306.    
  307.     var inpText_ForegroundColor = document.getElementById("inpText_ForegroundColor");
  308.     var inpText_BackgroundColor = document.getElementById("inpText_BackgroundColor");
  309.     var inpText_LetterSpacing = document.getElementById("inpText_LetterSpacing");
  310.    
  311.     var inpText_VAlign_Relative = document.getElementById("inpText_VAlign_Relative");
  312.    
  313.     if(inpFont_Family.value!="")s.style.fontFamily=inpFont_Family.value;
  314.     else
  315.         {//Not Set
  316.         s.style.fontFamily="";  
  317.         s.style.cssText = s.style.cssText.replace("FONT-FAMILY: ; ","");
  318.         s.style.cssText = s.style.cssText.replace("FONT-FAMILY: ","");
  319.         }
  320.    
  321.     if(inpFont_Size.value!="")s.style.fontSize=inpFont_Size.value;
  322.     else
  323.         {//Not Set
  324.         s.style.fontSize="";
  325.         s.style.cssText = s.style.cssText.replace("FONT-SIZE: ; ","");
  326.         s.style.cssText = s.style.cssText.replace("FONT-SIZE: ","");
  327.         }  
  328.    
  329.     if(inpFont_StyleWeight.value=="")
  330.         {//Not Set
  331.         s.style.fontWeight="normal";s.style.fontStyle="normal"
  332.         s.style.cssText = s.style.cssText.replace("FONT-WEIGHT: normal; ","");
  333.         s.style.cssText = s.style.cssText.replace("FONT-WEIGHT: normal","");
  334.        
  335.         s.style.cssText = s.style.cssText.replace("FONT-STYLE: normal; ","");
  336.         s.style.cssText = s.style.cssText.replace("FONT-STYLE: normal","");
  337.         }
  338.     if(inpFont_StyleWeight.value==sStyleWeight1){s.style.fontWeight="normal";s.style.fontStyle="normal"}
  339.     if(inpFont_StyleWeight.value==sStyleWeight2){s.style.fontWeight="normal";s.style.fontStyle="italic"}
  340.     if(inpFont_StyleWeight.value==sStyleWeight3){s.style.fontWeight="bold";s.style.fontStyle="normal"}
  341.     if(inpFont_StyleWeight.value==sStyleWeight4){s.style.fontWeight="bold";s.style.fontStyle="italic";}
  342.    
  343.     if(inpText_Decoration[0].checked)
  344.         {
  345.         s.style.textDecoration="none";      
  346.         s.style.cssText = s.style.cssText.replace("TEXT-DECORATION: none; ","");
  347.         s.style.cssText = s.style.cssText.replace("TEXT-DECORATION: none","");
  348.         }
  349.     if(inpText_Decoration[1].checked) s.style.textDecoration="underline";
  350.     if(inpText_Decoration[2].checked) s.style.textDecoration="overline";
  351.     if(inpText_Decoration[3].checked) s.style.textDecoration="line-through";
  352.     if(inpText_Decoration[4].checked) s.style.textDecoration="none";
  353.    
  354.     if(inpText_Case[0].checked) s.style.textTransform = "";
  355.     if(inpText_Case[1].checked) s.style.textTransform = "capitalize";
  356.     if(inpText_Case[2].checked) s.style.textTransform = "uppercase";
  357.     if(inpText_Case[3].checked) s.style.textTransform = "lowercase";
  358.     if(inpText_Case[4].checked) s.style.textTransform = "none";
  359.    
  360.     if(inpFont_Variant[0].checked) s.style.fontVariant=""
  361.     if(inpFont_Variant[1].checked) s.style.fontVariant="small-caps";
  362.     if(inpFont_Variant[2].checked) s.style.fontVariant="normal";    
  363.    
  364.     if(inpText_VAlign[0].checked)s.style.verticalAlign = "";
  365.     if(inpText_VAlign[1].checked) s.style.verticalAlign = "super";
  366.     if(inpText_VAlign[2].checked) s.style.verticalAlign = "sub" ;  
  367.     if(inpText_VAlign[3].checked) s.style.verticalAlign = inpText_VAlign_Relative.value;    
  368.     if(inpText_VAlign[4].checked) s.style.verticalAlign = "baseline";  
  369.    
  370.     s.style.color=inpText_ForegroundColor.style.backgroundColor;
  371.     s.style.backgroundColor=inpText_BackgroundColor.style.backgroundColor;
  372.  
  373.     if(inpText_LetterSpacing.value=="")
  374.         {
  375.         s.style.letterSpacing=0
  376.         s.style.cssText = s.style.cssText.replace("LETTER-SPACING: 0px; ","");
  377.         s.style.cssText = s.style.cssText.replace("LETTER-SPACING: 0px","");
  378.         }
  379.     else s.style.letterSpacing=inpText_LetterSpacing.value+"px";    
  380.     }
  381.    
  382. function doApply()
  383.     {  
  384.     var oEditor=window.opener.oUtil.oEditor;
  385.     var oSel=oEditor.getSelection();
  386.     var obj=window.opener.oUtil.obj;
  387.    
  388.     window.opener.oUtil.obj.saveForUndo();
  389.    
  390.     if(window.opener.oUtil.activeElement)
  391.         {
  392.         oElement=window.opener.oUtil.activeElement;
  393.         format(oElement);
  394.         }
  395.     else
  396.         {
  397.                 oElement=window.opener.getSelectedElement(oSel);
  398.                 if (window.opener.isTextSelected(oSel))
  399.                         {
  400.                         if(oSel!="")
  401.                                 {
  402.                                 obj.applySpanStyle(getArrStyle());
  403.                                 }
  404.                         else
  405.                                 {
  406.                                 if(oElement)
  407.                                 if(oElement.nodeName!="BODY") format(oElement);
  408.                                 }
  409.                         }
  410.                 else
  411.                         {
  412.                         if(oElement)
  413.                         if(oElement.nodeName!="BODY") format(oElement);
  414.                         }
  415.         }
  416.        
  417.     window.focus();
  418.     }
  419. </script>
  420. </head>
  421. <body onload="loadTxt();bodyOnLoad()" style="overflow:hidden;">
  422.  
  423. <table width="100%" height="100%" align=center cellpadding=0 cellspacing=0>
  424. <tr>
  425. <td valign=top style="padding:5px;height:100%">
  426.  
  427.     <table width="100%" height="100%">
  428.     <tr>
  429.     <td valign=top style="padding-left:5px;padding-right:5px;">
  430.  
  431.     <div style="margin-bottom:3px;"><b><span id=txtLang name=txtLang>Font</span> :</b></div>
  432.     <input type=text name=inpFont_Family id=inpFont_Family style="width:100%" onchange="preview()" class="inpTxt"><div style="padding:1px;"></div>
  433.     <div id=divFont_family></div>
  434.  
  435.     </td>
  436.     <td valign=top style="width:105px">
  437.  
  438.             <div style="margin-bottom:3px;"><b><span id=txtLang name=txtLang>Style</span> :</b></div>
  439.             <input type=text name=inpFont_StyleWeight id=inpFont_StyleWeight style="width:100%" onchange="preview()" class="inpTxt"><div style="padding:1px;"></div>
  440.             <select size=6 style="width:100%" name="selFont_StyleWeight" onchange="document.getElementById('inpFont_StyleWeight').value=this.value; preview();" class="inpSel">
  441.                 <option id="optLang" name="optLang" selected>Regular</option>
  442.                 <option id="optLang" name="optLang">Italic</option>
  443.                 <option id="optLang" name="optLang">Bold</option>
  444.                 <option id="optLang" name="optLang">Bold Italic</option>
  445.             </select>
  446.  
  447.     </td>
  448.     <td valign=top style="padding-right:5px;width:60px">
  449.  
  450.             <div style="margin-bottom:3px;"><b><span id=txtLang name=txtLang>Size</span> :</b></div>
  451.             <input type=text name=inpFont_Size id=inpFont_Size style="width:100%" onchange="preview()" class="inpTxt"><div style="padding:1px;"></div>
  452.             <select size=6 style="width:100%" name="selFont_Size" onchange="document.getElementById('inpFont_Size').value=this.value+'pt'; preview();" class="inpSel">
  453.                 <option value="8">8</option>
  454.                 <option value="9">9</option>
  455.                 <option value="10">10</option>
  456.                 <option value="11">11</option>
  457.                 <option value="12">12</option>
  458.                 <option value="14">14</option>
  459.                 <option value="16">16</option>
  460.                 <option value="18">18</option>
  461.                 <option value="20">20</option>
  462.                 <option value="22">22</option>
  463.                 <option value="24">24</option>
  464.                 <option value="26">26</option>
  465.                 <option value="28">28</option>
  466.                 <option value="36">36</option>
  467.                 <option value="48">48</option>
  468.                 <option value="72">72</option>
  469.             </select>
  470.  
  471.     </td>
  472.     </tr>
  473.     <tr>
  474.     <td colspan=3 style="padding-left:5px;padding-right:5px;" valign=top>
  475.  
  476.             <div style="margin-bottom:5px;margin-top:3px"><b><span id=txtLang name=txtLang>Foreground</span>:</b>
  477.             <span id="inpText_ForegroundColor" style="margin-left:0px;border:gray 1px solid;width:20px;margin-right:0px;;background-color:#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  478.             <input type=button name=btnPick1 id=btnPick1 value=Pick onclick="oColor1.show(this);event.cancelBubble=true;" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  479.             <script>
  480.             var oColor1 = new ColorPicker("oColor1");
  481.             oColor1.onPickColor = new Function("document.getElementById('inpText_ForegroundColor').style.backgroundColor=oColor1.color;preview()");
  482.             oColor1.onRemoveColor = new Function("document.getElementById('inpText_ForegroundColor').style.backgroundColor='';preview()");
  483.             oColor1.align="left";
  484.             oColor1.txtCustomColors=window.opener.getTxt("Custom Colors");
  485.             oColor1.txtMoreColors=window.opener.getTxt("More Colors...");
  486.             oColor1.RENDER();
  487.             </script>  
  488.            
  489.             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><span id=txtLang name=txtLang>Background</span>:</b>
  490.             <span id="inpText_BackgroundColor" style="margin-left:0px;border:gray 1px solid;width:20px;margin-right:0px;background-color:#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  491.             <input type=button name=btnPick2 id=btnPick2 value=Pick onclick="oColor2.show(this);event.cancelBubble=true;" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  492.             <script>
  493.             var oColor2 = new ColorPicker("oColor2");
  494.             oColor2.onPickColor = new Function("document.getElementById('inpText_BackgroundColor').style.backgroundColor=oColor2.color;preview()");
  495.             oColor2.onRemoveColor = new Function("document.getElementById('inpText_BackgroundColor').style.backgroundColor='';preview()");
  496.             oColor2.align="left";
  497.             oColor2.onShow = new Function("document.getElementById('inpText_VAlign_Relative').style.visibility='hidden';");
  498.             oColor2.onHide = new Function("document.getElementById('inpText_VAlign_Relative').style.visibility='visible';");
  499.             oColor2.txtCustomColors=window.opener.getTxt("Custom Colors");
  500.             oColor2.txtMoreColors=window.opener.getTxt("More Colors...");
  501.             oColor2.RENDER();
  502.             </script>  
  503.             </div>  
  504.            
  505.             <div style="margin-bottom:5px;margin-top:5px;">
  506.             <table width=100% style="border:white 1px solid;background:#F2F1F8">
  507.             <tr>
  508.             <td><span id=txtLang name=txtLang>Decoration</span>:</td>
  509.             <td><span id=txtLang name=txtLang>Text Case</span>:</td>
  510.             <td><span id=txtLang name=txtLang>Minicaps</span>:</td>
  511.             <td><span id=txtLang name=txtLang>Vertical</span>:</td>
  512.             </tr>
  513.             <tr><td valign=top>
  514.             <input type=radio class=inpRdo name="inpText_Decoration" onclick="preview()" checked> <span id=txtLang name=txtLang>Not Set</span><br>
  515.             <input type=radio class=inpRdo name="inpText_Decoration" onclick="preview()"> <span id=txtLang name=txtLang>Underline</span><br>
  516.             <input type=radio class=inpRdo name="inpText_Decoration" onclick="preview()"> <span id=txtLang name=txtLang>Overline</span><br>
  517.             <input type=radio class=inpRdo name="inpText_Decoration" onclick="preview()"> <span id=txtLang name=txtLang>Line-through</span><br>
  518.             <input type=radio class=inpRdo name="inpText_Decoration" onclick="preview()"> <span id=txtLang name=txtLang>None</span>
  519.             </td>
  520.             <td valign=top>
  521.             <input type=radio class=inpRdo name="inpText_Case" onclick="preview()" checked> <span id=txtLang name=txtLang>Not Set</span><br>
  522.             <input type=radio class=inpRdo name="inpText_Case" onclick="preview()"> <span id=txtLang name=txtLang>Capitalize</span><br>
  523.             <input type=radio class=inpRdo name="inpText_Case" onclick="preview()"> <span id=txtLang name=txtLang>Uppercase</span><br>
  524.             <input type=radio class=inpRdo name="inpText_Case" onclick="preview()"> <span id=txtLang name=txtLang>Lowercase</span><br>
  525.             <input type=radio class=inpRdo name="inpText_Case" onclick="preview()"> <span id=txtLang name=txtLang>None</span>
  526.             </td>
  527.             <td valign=top>
  528.             <input type=radio class=inpRdo name="inpFont_Variant" onclick="preview()" checked> <span id=txtLang name=txtLang>Not Set</span><br>
  529.             <input type=radio class=inpRdo name="inpFont_Variant" onclick="preview()"> <span id=txtLang name=txtLang>Small-Caps</span><br>
  530.             <input type=radio class=inpRdo name="inpFont_Variant" onclick="preview()"> <span id=txtLang name=txtLang>Normal</span>
  531.             </td>
  532.             <td valign=top>
  533.             <input type=radio class=inpRdo name="inpText_VAlign" onclick="preview()" checked> <span id=txtLang name=txtLang>Not Set</span><br>
  534.             <input type=radio class=inpRdo name="inpText_VAlign" onclick="preview()"> <span id=txtLang name=txtLang>Superscript</span><br>
  535.             <input type=radio class=inpRdo name="inpText_VAlign" onclick="preview()"> <span id=txtLang name=txtLang>Subscript</span><br>
  536.            
  537.            
  538.             <table cellpadding=0 cellspacing=0><tr><td>
  539.             <input type=radio class=inpRdo name="inpText_VAlign" onclick="preview()">&nbsp;
  540.             </td><td>
  541.             <span id=txtLang name=txtLang>Relative</span> :&nbsp;
  542.             </td><td>
  543.             <select name="inpText_VAlign_Relative" id="inpText_VAlign_Relative" style="vertical:bottom" onchange="preview();document.getElementsByName('inpText_VAlign')[3].checked=true;" class="inpSel">
  544.                 <option value="top" id="optLang" name="optLang">Top</option>
  545.                 <option value="middle" id="optLang" name="optLang" selected>Middle</option>
  546.                 <option value="bottom" id="optLang" name="optLang">Bottom</option>
  547.                 <option value="text-top" id="optLang" name="optLang">Text-Top</option>
  548.                 <option value="text-bottom" id="optLang" name="optLang">Text-Bottom</option>
  549.             </select>
  550.             </td></tr></table>          
  551.  
  552.             <input type=radio class=inpRdo name="inpText_VAlign" id="inpText_VAlign" onclick="preview()"> <span id=txtLang name=txtLang>Baseline</span><br>
  553.             </td>
  554.             </tr></table>
  555.             </div>
  556.  
  557.             <div style="margin-bottom:5px;margin-top:3px;">
  558.             <b><span id=txtLang name=txtLang>Character Spacing</span> : </b><input type=text name=inpText_LetterSpacing id=inpText_LetterSpacing size=3 value="" style="text-align:right" onblur="preview()" class="inpTxt">
  559.             </div>
  560.  
  561.             <div id="divPreview" style="overflow:auto;border:1px dimgray solid;height:70px;background:#ffffff"></div>
  562.     </td>
  563.     </tr>
  564.     </table>
  565.  
  566. </td>
  567. </tr>
  568. <tr>
  569. <td class="dialogFooter" style="padding:7px;padding-top:7px;padding-bottom:7px;" align="right">
  570.     <input type="button" name=btnCancel id=btnCancel value="cancel" onclick="self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  571.     <input type="button" name=btnApply id=btnApply value="apply" onclick="doApply()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  572.     <input type="button" name=btnOk id=btnOk value=" ok " onclick="doApply();self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  573. </td>
  574. </tr>
  575. </table>
  576.  
  577. </body>
  578. </html>
downloadtext1.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