"; var oDoc=idPreview.document.open("text/html", "replace"); oDoc.write(sHTML); oDoc.close(); realTime() } function realTime() { var oEditor=window.opener.oUtil.oEditor; var oSel=oEditor.getSelection(); var obj=window.opener.oUtil.obj; var isTextSel = window.opener.isTextSelected(oSel); var oElement; if(window.opener.oUtil.activeElement) oElement=window.opener.oUtil.activeElement else oElement = window.opener.getSelectedElement(oSel); var tagName=oElement.tagName; var inpClassName = document.getElementById("inpClassName"); var idPreview = document.getElementById("idPreview").contentWindow; var selApply_to = document.getElementById("selApply_to"); if (!isTextSel) selApply_to.value = "Current Tag"; //selApply_to.value = (isTextSel) ? "Selected Text" : "Current Tag"; while(inpClassName.options.length!=0) { inpClassName.options[inpClassName.options.length-1] = null; } var op = document.createElement("OPTION"); op.text="Clear Formatting.."; op.value=""; inpClassName.options[inpClassName.options.length] = op; arrStyle = obj.arrStyle; for(var i=0;i1) { if(sSelector.split(".")[0]==tagName || sSelector.split(".")[0]=="")//show { var op = document.createElement("OPTION"); op.text=sCaption; op.value=sSelector.split(".")[1]; inpClassName.options[inpClassName.options.length] = op; } } else { var op = document.createElement("OPTION"); op.text=sCaption; op.value=sSelector; inpClassName.options[inpClassName.options.length] = op; } } } inpClassName.value=oElement.className; if(inpClassName.selectedIndex!=-1) { idPreview.document.getElementById("idPreviewTarget").innerHTML=inpClassName.options[inpClassName.selectedIndex].text; idPreview.document.getElementById("idPreviewTarget").className=inpClassName.value; } } var sClassName; function doApply() { var oEditor=window.opener.oUtil.oEditor; var oSel=oEditor.getSelection(); var obj=window.opener.oUtil.obj; window.opener.oUtil.obj.saveForUndo(); var inpClassName = document.getElementById("inpClassName"); var selApply_to = document.getElementById("selApply_to"); var oElement; if(inpClassName.value=="")//Selalu berarti me-remove class di CURRENT TAG! { if(window.opener.oUtil.activeElement) { oElement=window.opener.oUtil.activeElement } else { oElement=window.opener.getSelectedElement(oSel); } if(oElement) { if(oElement.tagName!="BODY") { oElement.removeAttribute("className"); //cek juga style attr (oElement.style.cssText) if(oElement.tagName=="FONT" && oElement.color=="" && oElement.face=="" && oElement.size=="" && oElement.id=="" && oElement.style.cssText=="") obj.doCmd('RemoveFormat'); } else { alert(getText("You're selecting BODY element.")); return; } } } else if(selApply_to.value=="Selected Text") { if (!window.opener.isTextSelected(oSel)) { alert(getText("Please select a text.")); return; } var idNewSpan=obj.applySpan(); if(idNewSpan)//if there is selected text { if(inpClassName.value=="") idNewSpan.removeAttribute("className"); else idNewSpan.className=inpClassName.value; } } else if(selApply_to.value=="Current Tag") { if(window.opener.oUtil.activeElement) { oElement=window.opener.oUtil.activeElement } else { oElement=window.opener.getSelectedElement(oSel); } if(oElement) { if(oElement.tagName!="BODY") { oElement.className=inpClassName.value; } else { alert(getText("You're selecting BODY element.")); return; } } } //realTime() sClassName=inpClassName.value; } function doStyleChange() { var idPreview = document.getElementById("idPreview").contentWindow; var inpClassName = document.getElementById("inpClassName"); idPreview.document.getElementById("idPreviewTarget").innerHTML=inpClassName.options[inpClassName.selectedIndex].text idPreview.document.getElementById("idPreviewTarget").className=inpClassName.value }

Styles: Preview: Apply to:  Selected Text Current Tag