BVB Source Codes

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

Return Download Pcook CMS bubble guest v3.0 SDCMS version: download text2.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[0].oUtil.langDir;
  7.         document.write("<scr"+"ipt src='language/"+sLangDir+"/text2.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. document.onclick=hideAll;
  14. function hideAll()
  15.         {
  16.         oColor1.hide();oColor2.hide();
  17.         }
  18.        
  19. var obj1 = new ListEditor("obj1")
  20.  
  21. function bodyOnLoad()
  22.         {
  23.         //Font-Family
  24.         var arrFontName=dialogArguments[0].oUtil.obj.arrFontName;
  25.         var sTmp="["
  26.         for(var i=0;i<arrFontName.length;i++)
  27.                 {
  28.                 sFontName=arrFontName[i];
  29.                 sTmp+="['"+sFontName+"','"+sFontName+"','font:8pt "+sFontName+";'],"
  30.                 }
  31.         sTmp=sTmp.substr(0,sTmp.length-1)
  32.         sTmp+="]";
  33.         obj1.items=eval(sTmp);
  34.         divFont_family.innerHTML=obj1.RUN()
  35.         obj1.onEdit = updateFont_Family
  36.        
  37.         //Load current style
  38.         oPreview=dialogArguments[1];
  39.        
  40.         inpFont_Family.value=oPreview.style.fontFamily;        
  41.         inpFont_Size.value=oPreview.style.fontSize;
  42.        
  43.         if(oPreview.style.fontStyle=="italic" && oPreview.style.fontWeight=="bold")
  44.                 inpFont_StyleWeight.value = sStyleWeight4;
  45.         else if(oPreview.style.fontStyle=="italic")
  46.                 inpFont_StyleWeight.value = sStyleWeight2;
  47.         else if(oPreview.style.fontWeight=="bold")
  48.                 inpFont_StyleWeight.value = sStyleWeight3;
  49.         else if(oPreview.style.fontWeight=="normal" && oPreview.style.fontStyle=="normal")
  50.                 inpFont_StyleWeight.value = sStyleWeight1;
  51.         else
  52.                 inpFont_StyleWeight.value = "";
  53.  
  54.         if(oPreview.style.textDecoration=="underline") inpText_Decoration[1].checked=true;
  55.         else if(oPreview.style.textDecoration=="overline") inpText_Decoration[2].checked=true;
  56.         else if(oPreview.style.textDecoration=="line-through") inpText_Decoration[3].checked=true;
  57.         else if(oPreview.style.textDecoration=="none") inpText_Decoration[4].checked=true;
  58.         else inpText_Decoration[0].checked=true;
  59.        
  60.         if(oPreview.style.textTransform=="capitalize") inpText_Case[1].checked=true;
  61.         else if(oPreview.style.textTransform=="uppercase") inpText_Case[2].checked=true;
  62.         else if(oPreview.style.textTransform=="lowercase") inpText_Case[3].checked=true;
  63.         else if(oPreview.style.textTransform=="none") inpText_Case[4].checked=true;
  64.         else inpText_Case[0].checked=true;     
  65.        
  66.         if(oPreview.style.fontVariant=="small-caps")inpFont_Variant[1].checked=true;
  67.         else if(oPreview.style.fontVariant=="normal")inpFont_Variant[2].checked=true;
  68.         else inpFont_Variant[0].checked=true;  
  69.        
  70.         if(oPreview.style.verticalAlign=="")
  71.                 {
  72.                 inpText_VAlign[0].checked=true;
  73.                 inpText_VAlign_Relative.value="";
  74.                 }
  75.         if(oPreview.style.verticalAlign=="super")
  76.                 {
  77.                 inpText_VAlign[1].checked=true;
  78.                 inpText_VAlign_Relative.value="";
  79.                 }
  80.         if(oPreview.style.verticalAlign=="sub")
  81.                 {
  82.                 inpText_VAlign[2].checked=true;
  83.                 inpText_VAlign_Relative.value="";
  84.                 }                      
  85.         if(oPreview.style.verticalAlign=="top" ||
  86.                 oPreview.style.verticalAlign=="middle" ||
  87.                 oPreview.style.verticalAlign=="bottom" ||
  88.                 oPreview.style.verticalAlign=="text-top" ||
  89.                 oPreview.style.verticalAlign=="text-bottom")
  90.                 {              
  91.                 inpText_VAlign[3].checked=true;
  92.                 inpText_VAlign_Relative.value=oPreview.style.verticalAlign;
  93.                 }
  94.         if(oPreview.style.verticalAlign=="baseline")
  95.                 {
  96.                 inpText_VAlign[4].checked=true;
  97.                 inpText_VAlign_Relative.value="";
  98.                 }
  99.  
  100.         inpText_ForegroundColor.style.backgroundColor=oPreview.style.color;
  101.         inpText_BackgroundColor.style.backgroundColor=oPreview.style.backgroundColor;  
  102.         oColor1.color=oPreview.style.color;
  103.         oColor2.color=oPreview.style.backgroundColor;
  104.  
  105.         inpText_LetterSpacing.value=oPreview.style.letterSpacing;
  106.        
  107.         preview()
  108.         }
  109.  
  110. function updateFont_Family()
  111.         {
  112.         sVal = ""
  113.         var arrList = obj1.getResultValues()
  114.         for(var i=0;i<arrList.length;i++) sVal += arrList[i] + ", ";
  115.         sVal = sVal.substring(0,sVal.length-2)
  116.         inpFont_Family.value = sVal
  117.        
  118.         preview()
  119.         }
  120.        
  121. function preview()
  122.         {
  123.         //divPreview selalu di-renew (bukan di-update) setiap kali style berubah (shg tdk perlu remove rule).
  124.         divPreview.innerHTML= "<table height=100% width=100%><tr><td valign=middle align=center>____________ <span id=spanPreview></span> ____________</td></tr></table>"
  125.         if(inpFont_Family.value!="") spanPreview.innerHTML=inpFont_Family.value;
  126.         else spanPreview.innerHTML="Text Preview";
  127.        
  128.         format(spanPreview);
  129.         }
  130.        
  131. function format(s)
  132.         {      
  133.         if(inpFont_Family.value!="")s.style.fontFamily=inpFont_Family.value;
  134.         else
  135.                 {//Not Set
  136.                 s.style.fontFamily=""; 
  137.                 s.style.cssText = s.style.cssText.replace("FONT-FAMILY: ; ","");
  138.                 s.style.cssText = s.style.cssText.replace("FONT-FAMILY: ","");
  139.                 }
  140.        
  141.         if(inpFont_Size.value!="")s.style.fontSize=inpFont_Size.value;
  142.         else
  143.                 {//Not Set
  144.                 s.style.fontSize="";
  145.                 s.style.cssText = s.style.cssText.replace("FONT-SIZE: ; ","");
  146.                 s.style.cssText = s.style.cssText.replace("FONT-SIZE: ","");
  147.                 }      
  148.        
  149.         if(inpFont_StyleWeight.value=="")
  150.                 {//Not Set
  151.                 s.style.fontWeight="normal";s.style.fontStyle="normal"
  152.                 s.style.cssText = s.style.cssText.replace("FONT-WEIGHT: normal; ","");
  153.                 s.style.cssText = s.style.cssText.replace("FONT-WEIGHT: normal","");
  154.                
  155.                 s.style.cssText = s.style.cssText.replace("FONT-STYLE: normal; ","");
  156.                 s.style.cssText = s.style.cssText.replace("FONT-STYLE: normal","");
  157.                 }
  158.         if(inpFont_StyleWeight.value==sStyleWeight1){s.style.fontWeight="normal";s.style.fontStyle="normal"}
  159.         if(inpFont_StyleWeight.value==sStyleWeight2){s.style.fontWeight="normal";s.style.fontStyle="italic"}
  160.         if(inpFont_StyleWeight.value==sStyleWeight3){s.style.fontWeight="bold";s.style.fontStyle="normal"}
  161.         if(inpFont_StyleWeight.value==sStyleWeight4){s.style.fontWeight="bold";s.style.fontStyle="italic";}
  162.        
  163.         if(inpText_Decoration[0].checked)
  164.                 {
  165.                 s.style.textDecoration="none";         
  166.                 s.style.cssText = s.style.cssText.replace("TEXT-DECORATION: none; ","");
  167.                 s.style.cssText = s.style.cssText.replace("TEXT-DECORATION: none","");
  168.                 }
  169.         if(inpText_Decoration[1].checked) s.style.textDecoration="underline";
  170.         if(inpText_Decoration[2].checked) s.style.textDecoration="overline";
  171.         if(inpText_Decoration[3].checked) s.style.textDecoration="line-through";
  172.         if(inpText_Decoration[4].checked) s.style.textDecoration="none";
  173.        
  174.         if(inpText_Case[0].checked) s.style.textTransform = "";
  175.         if(inpText_Case[1].checked) s.style.textTransform = "capitalize";
  176.         if(inpText_Case[2].checked) s.style.textTransform = "uppercase";
  177.         if(inpText_Case[3].checked) s.style.textTransform = "lowercase";
  178.         if(inpText_Case[4].checked) s.style.textTransform = "none";
  179.        
  180.         if(inpFont_Variant[0].checked) s.style.fontVariant=""
  181.         if(inpFont_Variant[1].checked) s.style.fontVariant="small-caps";
  182.         if(inpFont_Variant[2].checked) s.style.fontVariant="normal";   
  183.        
  184.         if(inpText_VAlign[0].checked)s.style.verticalAlign = "";
  185.         if(inpText_VAlign[1].checked) s.style.verticalAlign = "super";
  186.         if(inpText_VAlign[2].checked) s.style.verticalAlign = "sub"     ;      
  187.         if(inpText_VAlign[3].checked) s.style.verticalAlign = inpText_VAlign_Relative.value;   
  188.         if(inpText_VAlign[4].checked) s.style.verticalAlign = "baseline"        ;      
  189.        
  190.         s.style.color=inpText_ForegroundColor.style.backgroundColor;
  191.         s.style.backgroundColor=inpText_BackgroundColor.style.backgroundColor;
  192.        
  193.         if(inpText_LetterSpacing.value=="")
  194.                 {
  195.                 s.style.letterSpacing=0
  196.                 s.style.cssText = s.style.cssText.replace("LETTER-SPACING: 0px; ","");
  197.                 s.style.cssText = s.style.cssText.replace("LETTER-SPACING: 0px","");
  198.                 }
  199.         else
  200.                 {
  201.                 //Berkaitan dgn "Not Available"
  202.                 if(inpText_LetterSpacing.value!="na") s.style.letterSpacing=inpText_LetterSpacing.value+"px";  
  203.                 }
  204.         }      
  205.        
  206. function doApply()
  207.         {      
  208.         oPreview=dialogArguments[1];
  209.         format(oPreview);
  210.         }
  211. </script>
  212. </head>
  213. <body onload="loadTxt();bodyOnLoad()" style="overflow:hidden;">
  214.  
  215. <table width=100% height="100%" align=center cellpadding=0 cellspacing=0>
  216. <tr>
  217. <td valign=top style="padding:5;height:100%">
  218.  
  219.         <table width=100%>
  220.         <tr>
  221.         <td valign=top style="padding-left:5;padding-right:5;">
  222.  
  223.         <div style="margin-bottom:3;"><b><span id=txtLang name="txtLang">Font</span> :</b></div>
  224.         <input type=text name=inpFont_Family style="width:100%" onchange="preview()" class="inpTxt"><div style="padding:1;"></div>
  225.         <div id=divFont_family></div>
  226.  
  227.         </td>
  228.         <td valign=top style="width:80">
  229.  
  230.                         <div style="margin-bottom:3;"><b><span id=txtLang name="txtLang">Style</span> :</b></div>
  231.                         <input type=text name=inpFont_StyleWeight style="width:100%" onchange="preview()" class="inpTxt"><div style="padding:1;"></div>
  232.                         <select size=6 style="width:100%" name="selFont_StyleWeight" onchange="inpFont_StyleWeight.value=selFont_StyleWeight.value;preview();" class="inpSel">
  233.                                 <option id="optLang" name="optLang" selected>Regular</option>
  234.                                 <option id="optLang" name="optLang">Italic</option>
  235.                                 <option id="optLang" name="optLang">Bold</option>
  236.                                 <option id="optLang" name="optLang">Bold Italic</option>
  237.                         </select>
  238.  
  239.         </td>
  240.         <td valign=top style="padding-right:5;width:80">
  241.  
  242.                         <div style="margin-bottom:3;"><b><span id=txtLang name="txtLang">Size</span> :</b></div>
  243.                         <input type=text name=inpFont_Size style="width:100%" onchange="preview()" class="inpTxt"><div style="padding:1;"></div>
  244.                         <select size=6 style="width:100%" name="selFont_Size" onchange="inpFont_Size.value=selFont_Size.value+'pt'; preview();" class="inpSel">
  245.                                 <option value="8">8</option>
  246.                                 <option value="9">9</option>
  247.                                 <option value="10">10</option>
  248.                                 <option value="11">11</option>
  249.                                 <option value="12">12</option>
  250.                                 <option value="14">14</option>
  251.                                 <option value="16">16</option>
  252.                                 <option value="18">18</option>
  253.                                 <option value="20">20</option>
  254.                                 <option value="22">22</option>
  255.                                 <option value="24">24</option>
  256.                                 <option value="26">26</option>
  257.                                 <option value="28">28</option>
  258.                                 <option value="36">36</option>
  259.                                 <option value="48">48</option>
  260.                                 <option value="72">72</option>
  261.                         </select>
  262.  
  263.         </td>
  264.         </tr>
  265.         <tr>
  266.         <td colspan=3 style="padding-left:5;padding-right:5;">
  267.  
  268.                         <div style="margin-bottom:5;margin-top:3;"><b><span id=txtLang name="txtLang">Foreground</span>:</b>
  269.                         <span style="background:#ffffff">
  270.                         <span id="inpText_ForegroundColor" style="margin-left:17;border:gray 1 solid;width:20;margin-right:3;"></span>
  271.                         </span>
  272.                         <input type=button name=btnPick1 value=Pick onclick="oColor1.show(this);event.cancelBubble=true;" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  273.                         <script>
  274.                         var oColor1 = new ColorPicker("oColor1");
  275.                         oColor1.onPickColor = new Function("inpText_ForegroundColor.style.backgroundColor=oColor1.color;preview()");
  276.                         oColor1.onRemoveColor = new Function("inpText_ForegroundColor.style.backgroundColor='';preview()");
  277.                         oColor1.align="left";
  278.                         oColor1.txtCustomColors=getTxt("Custom Colors");
  279.                         oColor1.txtMoreColors=getTxt("More Colors...");
  280.                         oColor1.RENDER();
  281.                         </script>      
  282.                        
  283.                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><span id=txtLang name="txtLang">Background</span>:</b>
  284.                         <span style="background:#ffffff">
  285.                         <span id="inpText_BackgroundColor" style="margin-left:17;border:gray 1 solid;width:20;margin-right:3;"></span>
  286.                         </span>
  287.                         <input type=button name=btnPick2 value=Pick onclick="oColor2.show(this);event.cancelBubble=true;" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  288.                         <script>
  289.                         var oColor2 = new ColorPicker("oColor2");
  290.                         oColor2.onPickColor = new Function("inpText_BackgroundColor.style.backgroundColor=oColor2.color;preview()");
  291.                         oColor2.onRemoveColor = new Function("inpText_BackgroundColor.style.backgroundColor='';preview()");
  292.                         oColor2.align="left";
  293.                         oColor2.onShow = new Function("inpText_VAlign_Relative.style.visibility='hidden';");
  294.                         oColor2.onHide = new Function("inpText_VAlign_Relative.style.visibility='visible';");
  295.                         oColor2.txtCustomColors=getTxt("Custom Colors");
  296.                         oColor2.txtMoreColors=getTxt("More Colors...");
  297.                         oColor2.RENDER();
  298.                         </script>      
  299.                         </div>
  300.                        
  301.                         <div style="margin-bottom:5;margin-top:5">
  302.                         <table width=100% style="border:#CFCFCF 1px solid;background:#FCFCFE">
  303.                         <tr>
  304.                         <td><span id=txtLang name="txtLang">Decoration</span>:</td>
  305.                         <td><span id=txtLang name="txtLang">Text Case</span>:</td>
  306.                         <td><span id=txtLang name="txtLang">Minicaps</span>:</td>
  307.                         <td><span id=txtLang name="txtLang">Vertical</span>:</td>
  308.                         </tr>
  309.                         <tr><td valign=top>
  310.                         <input type=radio class=inpRdo name="inpText_Decoration" onclick="preview()" checked> <span id=txtLang name="txtLang">Not Set</span><br>
  311.                         <input type=radio class=inpRdo name="inpText_Decoration" onclick="preview()"> <span id=txtLang name="txtLang">Underline</span><br>
  312.                         <input type=radio class=inpRdo name="inpText_Decoration" onclick="preview()"> <span id=txtLang name="txtLang">Overline</span><br>
  313.                         <input type=radio class=inpRdo name="inpText_Decoration" onclick="preview()"> <span id=txtLang name="txtLang">Line-through</span><br>
  314.                         <input type=radio class=inpRdo name="inpText_Decoration" onclick="preview()"> <span id=txtLang name="txtLang">None</span>
  315.                         </td>
  316.                         <td valign=top>
  317.                         <input type=radio class=inpRdo name="inpText_Case" onclick="preview()" checked> <span id=txtLang name="txtLang">Not Set</span><br>
  318.                         <input type=radio class=inpRdo name="inpText_Case" onclick="preview()"> <span id=txtLang name="txtLang">Capitalize</span><br>
  319.                         <input type=radio class=inpRdo name="inpText_Case" onclick="preview()"> <span id=txtLang name="txtLang">Uppercase</span><br>
  320.                         <input type=radio class=inpRdo name="inpText_Case" onclick="preview()"> <span id=txtLang name="txtLang">Lowercase</span><br>
  321.                         <input type=radio class=inpRdo name="inpText_Case" onclick="preview()"> <span id=txtLang name="txtLang">None</span>
  322.                         </td>
  323.                         <td valign=top>
  324.                         <input type=radio class=inpRdo name="inpFont_Variant" onclick="preview()" checked> <span id=txtLang name="txtLang">Not Set</span><br>
  325.                         <input type=radio class=inpRdo name="inpFont_Variant" onclick="preview()"> <span id=txtLang name="txtLang">Small-Caps</span><br>
  326.                         <input type=radio class=inpRdo name="inpFont_Variant" onclick="preview()"> <span id=txtLang name="txtLang">Normal</span>
  327.                         </td>
  328.                         <td valign=top>
  329.                         <input type=radio class=inpRdo name="inpText_VAlign" onclick="preview()" checked> <span id=txtLang name="txtLang">Not Set</span><br>
  330.                         <input type=radio class=inpRdo name="inpText_VAlign" onclick="preview()"> <span id=txtLang name="txtLang">Superscript</span><br>
  331.                         <input type=radio class=inpRdo name="inpText_VAlign" onclick="preview()"> <span id=txtLang name="txtLang">Subscript</span><br>
  332.                        
  333.                        
  334.                         <table cellpadding=0 cellspacing=0><tr><td>
  335.                         <input type=radio class=inpRdo name="inpText_VAlign" onclick="preview()">&nbsp;
  336.                         </td><td>
  337.                         <span id="txtLang" name="txtLang">Relative</span> :&nbsp;
  338.                         </td><td>
  339.                         <select name="inpText_VAlign_Relative" style="vertical:bottom" onchange="preview()" class="inpSel">
  340.                                 <option value="top" id="optLang" name="optLang">Top</option>
  341.                                 <option value="middle" id="optLang" name="optLang" selected>Middle</option>
  342.                                 <option value="bottom" id="optLang" name="optLang">Bottom</option>
  343.                                 <option value="text-top" id="optLang" name="optLang">Text-Top</option>
  344.                                 <option value="text-bottom" id="optLang" name="optLang">Text-Bottom</option>
  345.                         </select>
  346.                         </td></tr></table>                     
  347.  
  348.                         <input type=radio class=inpRdo name="inpText_VAlign" onclick="preview()"> <span id="txtLang" name="txtLang">Baseline</span><br>
  349.                         </td>
  350.                         </tr></table>
  351.                         </div>
  352.  
  353.                         <div style=margin-top:5;">
  354.                         <b><span id=txtLang name="txtLang">Character Spacing</span> : </b><input type=text name=inpText_LetterSpacing size=3 value="" style="text-align:right" onblur="preview()" class="inpTxt">
  355.                         </div>
  356.  
  357.                         <div style="padding:3;"></div>
  358.                         <div id="divPreview" style="overflow:auto;border:1 dimgray solid;width:100%;height:70;background:#ffffff"></div>
  359.                         </div>
  360.         </td>
  361.         </tr>
  362.         </table>
  363.        
  364. </td>
  365. </tr>
  366. <tr>
  367. <td class="dialogFooter" style="padding:13;padding-top:7;padding-bottom:7;" align="right">
  368.         <input type="button" name=btnCancel id=btnCancel value="cancel" onclick="self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  369.         <input type="button" name=btnOk id=btnOk value=" ok " onclick="doApply();self.close();" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  370. </td>
  371. </tr>
  372. </table>
  373.  
  374. </body>
  375. </html>
downloadtext2.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