BVB Source Codes

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

Return Download Pcook CMS bubble guest v3.0 SDCMS version: download styles_cssText.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+"/styles_cssText.js'></scr"+"ipt>");
  8. </script>
  9. <script>writeTitle()</script>
  10. <script>
  11. function doWindowFocus()
  12.         {      
  13.         dialogArguments.oUtil.onSelectionChanged=new Function("realTime()");
  14.         }
  15. function bodyOnLoad()
  16.         {
  17.         window.onfocus=doWindowFocus;
  18.         dialogArguments.oUtil.onSelectionChanged=new Function("realTime()");
  19.  
  20.         var obj=dialogArguments.oUtil.obj;
  21.        
  22.         arrStyle = obj.arrStyle;
  23.         var sStyle=""
  24.         for(var i=0;i<arrStyle.length;i++)
  25.                 {
  26.                 sStyle+=arrStyle[i][0]+"{"+     arrStyle[i][3]+"}"+ "\n"
  27.                 }                      
  28.                
  29.         var sHTML="<HTML><HEAD><STYLE>"+sStyle+"</STYLE></HEAD><BODY margin-left=0 margin-top=0 margin-right=0 margin-bottom=0 style='border:#808080 1 solid' id=idPreviewTarget></BODY></HTML>"
  30.         var oDoc=idPreview.document.open("text/html", "replace");
  31.         if(obj.publishingPath!="") oDoc.write("<BASE HREF=\""+obj.publishingPath+"\"/>" + sHTML);
  32.         else oDoc.write(sHTML);        
  33.         oDoc.close();
  34.                        
  35.         realTime();
  36.         }
  37. function realTime()
  38.         {
  39.         if(!dialogArguments.oUtil.obj.checkFocus()){return;}//Focus stuff
  40.         var oEditor=dialogArguments.oUtil.oEditor;
  41.         var oSel=oEditor.document.selection.createRange();
  42.  
  43.         if(dialogArguments.oUtil.activeElement)
  44.                 {
  45.                 oElement=dialogArguments.oUtil.activeElement
  46.                 }
  47.         else
  48.                 {
  49.                 if (oSel.parentElement) oElement=oSel.parentElement();
  50.                 else oElement=oSel.item(0);
  51.                 }      
  52.        
  53.         var tagName=oElement.tagName;
  54.        
  55.         if(tagName=="TD")
  56.                 idPreview.document.all.idPreviewTarget.innerHTML="<table caption='styles_cssText_internal_use'><tr>" + oElement.outerHTML + "</tr></table>"
  57.         else
  58.                 idPreview.document.all.idPreviewTarget.innerHTML=oElement.outerHTML
  59.  
  60.         inpCssText.value=oElement.style.cssText
  61.         inpClassName.value=oElement.className;
  62.         }
  63.                
  64. function doApply()
  65.         {      
  66.         if(!dialogArguments.oUtil.obj.checkFocus()){return;}//Focus stuff
  67.         var oEditor=dialogArguments.oUtil.oEditor;
  68.         var oSel=oEditor.document.selection.createRange();
  69.         var sType=oEditor.document.selection.type;
  70.         var obj=dialogArguments.oUtil.obj;
  71.        
  72.         dialogArguments.oUtil.obj.saveForUndo();
  73.        
  74.         if(inpCssText.value=="" && inpClassName.value=="")//Selalu berarti me-remove style & class di CURRENT TAG!
  75.                 {
  76.                 if (oSel.parentElement) oElement=oSel.parentElement();
  77.                 else oElement=oSel.item(0);
  78.                                
  79.                 if(oElement)
  80.                         {
  81.                         if(oElement.tagName!="BODY")
  82.                                 {                              
  83.                                 oElement.removeAttribute("style",0);
  84.                                 oElement.removeAttribute("className",0);
  85.  
  86.                                 if(oElement.tagName=="FONT" && oElement.color=="" && oElement.face=="" && oElement.size=="" && oElement.id=="")
  87.                                         obj.doCmd('RemoveFormat');
  88.                                 }
  89.                         else
  90.                                 {
  91.                                 alert(getTxt("You're selecting BODY element."));
  92.                                 return;
  93.                                 }
  94.                         }
  95.                 }      
  96.         else if(dialogArguments.oUtil.activeElement)
  97.                 {
  98.                 oElement=dialogArguments.oUtil.activeElement
  99.                
  100.                 if(inpCssText.value=="") oElement.removeAttribute("style",0);
  101.                 else oElement.style.cssText=inpCssText.value;
  102.                                
  103.                 if(inpClassName.value=="") oElement.removeAttribute("className",0);
  104.                 else oElement.className=inpClassName.value;    
  105.                 }
  106.         else
  107.                 {              
  108.                 if (oSel.parentElement)
  109.                         {
  110.                         if(oSel.text=="")
  111.                                 {
  112.                                 oElement=oSel.parentElement();
  113.                                 if(oElement)
  114.                                         {
  115.                                         if(oElement.tagName!="BODY")
  116.                                                 {
  117.                                                 if(inpCssText.value=="") oElement.removeAttribute("style",0);
  118.                                                 else oElement.style.cssText=inpCssText.value;
  119.                                                                
  120.                                                 if(inpClassName.value=="") oElement.removeAttribute("className",0);
  121.                                                 else oElement.className=inpClassName.value;    
  122.                                                 }
  123.                                         }
  124.                                 }
  125.                         else
  126.                                 {
  127.                                 var idNewSpan=obj.applySpan();
  128.                                 if(idNewSpan)//if there is selected text
  129.                                         {
  130.                                         if(inpCssText.value=="") idNewSpan.removeAttribute("style",0);//jadi kalo CSS Text input dibuat empty, tetap akan melakukan remove
  131.                                         else idNewSpan.style.cssText=inpCssText.value;                 
  132.                                        
  133.                                         if(inpClassName.value=="") idNewSpan.removeAttribute("className",0);
  134.                                         else idNewSpan.className=inpClassName.value;
  135.                                         }      
  136.                                 }
  137.                         }
  138.                 else
  139.                         {
  140.                         oElement=oSel.item(0);
  141.                         if(oElement)
  142.                                 {
  143.                                 if(inpCssText.value=="") oElement.removeAttribute("style",0);
  144.                                 else oElement.style.cssText=inpCssText.value;
  145.                                                
  146.                                 if(inpClassName.value=="") oElement.removeAttribute("className",0);
  147.                                 else oElement.className=inpClassName.value;    
  148.                                 }
  149.                         }
  150.                 }
  151.  
  152.         realTime()
  153.        
  154.         //*** RUNTIME BORDERS ***
  155.         obj.runtimeBorder(false);
  156.         //***********************              
  157.         }
  158.        
  159. function doCssTextChange()
  160.         {
  161.         if(idPreview.document.all.idPreviewTarget.innerHTML.substring(0,1)=="<")//means there is a tag for the style to be applied. Kalau tdk ada berarti BODY.
  162.                 {
  163.                 if(idPreview.document.all.idPreviewTarget.innerHTML.substring(0,6)=="<TABLE")
  164.                         {
  165.                         if(idPreview.document.all.idPreviewTarget.childNodes(0).caption=="styles_cssText_internal_use")
  166.                                 {//kalau yg di select text dalam table cell (TD)
  167.                                 idPreview.document.all.idPreviewTarget.childNodes(0).childNodes(0).childNodes(0).childNodes(0).style.cssText=inpCssText.value;
  168.                                 idPreview.document.all.idPreviewTarget.childNodes(0).childNodes(0).childNodes(0).childNodes(0).className=inpClassName.value;
  169.                                 }
  170.                         else
  171.                                 {//kalau yg di select TABLE
  172.                                 idPreview.document.all.idPreviewTarget.childNodes(0).style.cssText=inpCssText.value;
  173.                                 idPreview.document.all.idPreviewTarget.childNodes(0).className=inpClassName.value;
  174.                                 }
  175.                         }
  176.                 else
  177.                         {
  178.                         idPreview.document.all.idPreviewTarget.childNodes(0).style.cssText=inpCssText.value;
  179.                         idPreview.document.all.idPreviewTarget.childNodes(0).className=inpClassName.value;
  180.                         }
  181.                 }
  182.         //else => BODY
  183.         //      idPreview.document.all.idPreviewTarget.style.cssText=inpCssText.value;         
  184.         }
  185. </script>
  186. </head>
  187. <body onload="loadTxt();bodyOnLoad()" style="overflow:hidden;">
  188.  
  189. <table width=100% height=100% align=center cellpadding=0 cellspacing=0>
  190. <tr>
  191. <td valign=top style="padding:5;height:100%">
  192.         <table width=100%>
  193.         <tr>
  194.         <td nowrap>
  195.                 <div style='font-family:Verdana;font-size:10px;padding-bottom:3'><b><span id="txtLang" name="txtLang">CSS Text</span>:</b></div>
  196.                 <textarea rows=8 style="width:100%;" id="inpCssText" name="inpCssText" onblur="doCssTextChange()" style="font-family:vardana;font-size:10px" class="inpTxt"></textarea>
  197.         </td>
  198.         </tr>
  199.         <tr>
  200.         <td nowrap>
  201.                 <span style='font-family:Verdana;font-size:10px;'><b><span id="txtLang" name="txtLang">Class Name</span>:</b></span>
  202.                 <input type="text" name="inpClassName" onblur="doCssTextChange()" style="width:225" class="inpTxt">
  203.         </td>
  204.         </tr>
  205.         <tr>
  206.         <td nowrap style="padding-top:5;padding-bottom:5">
  207.                 <iframe style="width:100%;height:75;" src="blank.gif" name=idPreview id=idPreview></iframe>    
  208.         </td>
  209.         </tr>
  210.         </table>       
  211. </td>
  212. </tr>
  213. <tr>
  214. <td class="dialogFooter" style="padding:13;padding-top:7;padding-bottom:7;" align="right">
  215.         <input type="button" name=btnCancel id=btnCancel value="cancel" onclick="self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  216.         <input type="button" name=btnApply id=btnApply value="apply" onclick="doApply()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  217.         <input type="button" name=btnOk id=btnOk value=" ok " onclick="doApply();self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  218. </td>
  219. </tr>
  220. </table>
  221.  
  222. </body>
  223. </html>
downloadstyles_cssText.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