//********************************* var oSelSave; var sSelType; function saveSelection() { //idContent.focus() //or oSelSave = idContent.document.selection.createRange() sSelType = idContent.document.selection.type } function restoreSelection() { oSelSave.select() } //********************************* function drawIcon(left,width,id,title,command) { document.write("") document.write(" ") document.write(" ") document.write("
") document.write(" ") document.write("") } function initEditor() { var sHTML = "" + "" + "" + "
" + "" idContent.document.designMode = "on" idContent.document.open("text/html","replace") idContent.document.write(sHTML) idContent.document.close() idContent.document.execCommand("2D-Position", true, true); idContent.document.execCommand("MultipleSelection", true, true); idContent.document.execCommand("LiveResize", true, true); //idContent.document.body.leftmargin=0 /* for(i=0;i" + "" + "" + "" + "" + "" + "" + "" + "" + "" + "" + "" + "
" + "
" + " "+title+"" + "
" + "		" + "
" + " X" + "
" + "
" + "
" + "
" + "
" + "
" + "" idContentTmp.document.open("text/html","replace") idContentTmp.document.write(sHTML) idContentTmp.document.close() document.all.idContentTmp.style.zIndex = 2 document.all.idContentTmp.style.visibility = "" idContentTmp.document.all.tblPopup.focus()//for idContent lost focus //fill popup content idContentTmp.divPopup.innerHTML = html //set dimension document.all.idContentTmp.style.width = idContentTmp.document.all.tblPopup.offsetWidth document.all.idContentTmp.style.height = idContentTmp.document.all.tblPopup.offsetHeight //set position if(document.body.clientHeight - document.all.idContentTmp.offsetHeight > 0) document.all.idContentTmp.style.pixelTop=((document.body.clientHeight - document.all.idContentTmp.offsetHeight) / 2); else document.all.idContentTmp.style.pixelTop=0 if(document.body.clientWidth - document.all.idContentTmp.offsetWidth > 0) document.all.idContentTmp.style.pixelLeft=(document.body.clientWidth - document.all.idContentTmp.offsetWidth) / 2 ; else document.all.idContentTmp.style.pixelLeft=0 /* alert(idContentTmp.document.all.length) for (i=0; i');\" onmouseover=\"this.style.color='tomato'\" onmouseout=\"this.style.color='black'\" style=\"cursor:hand\">

Header 1

" + "');\" onmouseover=\"this.style.color='tomato'\" onmouseout=\"this.style.color='black'\" style=\"cursor:hand\">

Header 2

" + "');\" onmouseover=\"this.style.color='tomato'\" onmouseout=\"this.style.color='black'\" style=\"cursor:hand\">

Header 3

" + "');\" onmouseover=\"this.style.color='tomato'\" onmouseout=\"this.style.color='black'\" style=\"cursor:hand\">

Header 4

" + "');\" onmouseover=\"this.style.color='tomato'\" onmouseout=\"this.style.color='black'\" style=\"cursor:hand\">
Header 5
" + "');\" onmouseover=\"this.style.color='tomato'\" onmouseout=\"this.style.color='black'\" style=\"cursor:hand\">
Header 6
" + "');\" onmouseover=\"this.style.color='tomato'\" onmouseout=\"this.style.color='black'\" style=\"cursor:hand\">
Preformatted
" + "');\" onmouseover=\"this.style.color='tomato'\" onmouseout=\"this.style.color='black'\" style=\"cursor:hand\">

Normal

" + "" popupShow(253,"Paragraph Style",sHTML) } function displayFontNameBox() //OK { saveSelection() var sHTML = "" + "" + "" + "" + "" + "" + "" + "" + "" + "" + "" + "
Arial
Arial Black
Arial Narrow
Comic Sans MS
Courier New
System
Tahoma
Times New Roman
Verdana
Wingdings
" popupShow(213,"Font Name",sHTML) } function displayFontSizeBox() //OK { saveSelection() var sHTML = "" + "" + "" + "" + "" + "" + "" + "" + "
Size 1
Size 2
Size 3
Size 4
Size 5
Size 6
Size 7
" popupShow(253,"Font Size",sHTML) } function displayFgColorBox() //OK { saveSelection() var sHTML = writeColorPicker("idForeColor","parent.doCmd2('ForeColor',idForeColor.value);",0); popupShow(433,"Foreground Color",sHTML) } function displayBgColorBox() //OK { saveSelection() var sHTML = writeColorPicker("idBackColor","parent.doCmd2('BackColor',idBackColor.value);",0); popupShow(433,"Background Color",sHTML) } function displayDocBgColorBox() { saveSelection() var sHTML = writeColorPicker("idDocBackColor","parent.idContent.document.body.style.background=idDocBackColor.value;parent.popupHide()",0); popupShow(433,"Document Background Color",sHTML) } function writeColorPicker(Name,Command,Type) //OK { var OutputID = Name var TextID = Name + "_1" var ColorID = Name + "_2" var c1 = new Array("FFFFCC","FFCC66","FF9900","FFCC99","FF6633","FFCCCC","CC9999","FF6699","FF99CC","FF66CC","FFCCFF","CC99CC","CC66FF","CC99FF","9966CC","CCCCFF","9999CC","3333FF","6699FF","0066FF","99CCFF","66CCFF","99CCCC","CCFFFF","99FFCC","66CC99","66FF99","99FF99","CCFFCC","33FF33","66FF00","CCFF99","99FF00","CCFF66","CCCC66","FFFFFF") var c2 = new Array("FFFF99","FFCC00","FF9933","FF9966","CC3300","FF9999","CC6666","FF3366","FF3399","FF00CC","FF99FF","CC66CC","CC33FF","9933CC","9966FF","9999FF","6666FF","3300FF","3366FF","0066CC","3399FF","33CCFF","66CCCC","99FFFF","66FFCC","33CC99","33FF99","66FF66","99CC99","00FF33","66FF33","99FF66","99FF33","CCFF00","CCCC33","CCCCCC") var c3 = new Array("FFFF66","FFCC33","CC9966","FF6600","FF3300","FF6666","CC3333","FF0066","FF0099","FF33CC","FF66FF","CC00CC","CC00FF","9933FF","6600CC","6633FF","6666CC","3300CC","0000FF","3366CC","0099FF","00CCFF","339999","66FFFF","33FFCC","00CC99","00FF99","33FF66","66CC66","00FF00","33FF00","66CC00","99CC66","CCFF33","999966","999999") var c4 = new Array("FFFF33","CC9900","CC6600","CC6633","FF0000","FF3333","993333","CC3366","CC0066","CC6699","FF33FF","CC33CC","9900CC","9900FF","6633CC","6600FF","666699","3333CC","0000CC","0033FF","6699CC","3399CC","669999","33FFFF","00FFCC","339966","33CC66","00FF66","669966","00CC00","33CC00","66CC33","99CC00","CCCC99","999933","666666") var c5 = new Array("FFFF00","CC9933","996633","993300","CC0000","FF0033","990033","996666","993366","CC0099","FF00FF","990099","996699","660099","663399","330099","333399","000099","0033CC","003399","336699","0099CC","006666","00FFFF","33CCCC","009966","00CC66","339933","336633","33CC33","339900","669933","99CC33","666633","999900","333333") var c6 = new Array("CCCC00","996600","663300","660000","990000","CC0033","330000","663333","660033","990066","CC3399","993399","660066","663366","330033","330066","333366","000066","000033","003366","006699","003333","336666","00CCCC","009999","006633","009933","006600","003300","00CC33","009900","336600","669900","333300","666600","000000") var sHTML = ""; sHTML += ("
 
 ") sHTML += ("") if(Type==0) { for(var i=1;i<=6;i++) { sHTML += ("") for(var r=0;r"+colour+"'\">") } sHTML += ("") } } if(Type==1) { for(var i=1;i<=6;i++) { sHTML += ("") for(var r=0;r"+colour+"';"+OutputID+".value='"+colour+"';"+Command+"\" style=\"cursor:hand;background-color:"+colour+";\" width=9 height=6 onmouseover=\"\">") } sHTML += ("") } } sHTML += ("
") sHTML += ("") sHTML += ("
") return sHTML; } /* 1. link bila diinsertkan yg ada link yg lain/proses copy paste maka ada http://localhost/...... ( ie5 replace => pake vbscript ie55 replace => pake javascript replace replace case-sensitive) => sudah di-apply LCase & toLowerCase */ var displayMode = "RICH" function setDisplayMode()// OK { popupHide() if(displayMode=='RICH') { idContent.document.body.clearAttributes; idContent.document.body.style.fontFamily = 'Courier New'; idContent.document.body.style.fontSize = '12px'; idContent.document.body.innerText = idContent.document.body.innerHTML; //idContent.document.body.innerHTML = "
" + idContent.document.body.innerHTML + "
" displayMode = 'HTML'; idToolbar.style.display = "none" } else { idContent.document.body.clearAttributes; idContent.document.body.style.fontFamily = ''; idContent.document.body.style.fontSize = ''; idContent.document.body.innerHTML = idContent.document.body.innerText; displayMode = 'RICH'; idToolbar.style.display = "block" } } function applyStyle(Style)// OK { popupHide() //get selection //idContent.focus() // => popupHide() var oSel = oSelSave//idContent.document.selection.createRange() var sType = sSelType//idContent.document.selection.type //if (sType!="Control"&&sType!="None") if(oSel.parentElement != null)//yg dipilih text bukan control & ada isinya { oSel.select()//kalo tdk ada => Error : Incompatible markup pointers for this operation. var sApplied = ""+oSel.text+"" oSel.pasteHTML(sApplied) } } function displayStyleBox() //OK { saveSelection() var val; var sHTML = ""; for(var i=0;i1) { val = selArr[1] } else { val = h } sHTML += ""; } sHTML += "
" + val + "
" popupShow(230,"Select Style (from CSS)",sHTML) } function insertSymbol(Symbol)// OK { popupHide() //idContent.focus() // => popupHide() var oSel = oSelSave//idContent.document.selection.createRange() var sType = sSelType//idContent.document.selection.type oSel.select()//tambahan if(oSel.parentElement)//yg dipilih text bukan control oSel.pasteHTML(Symbol) } function displaySymbolBox() //OK { saveSelection() var s1 = new Array(" ","!",""","#","$","%","&","'","(",")","*","+",",","-",".","/","0","1","2","3","4","5","6","7","8","9",":",";","<","=",">","?") var s2 = new Array("@","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","[","\\","]","^","_") var s3 = new Array("`","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","{","|","}","~","□") var s4 = new Array("€","□","‚","ƒ","„","…","†","‡","ˆ","‰","Š","‹","Œ","□","Ž","□","□","′","′","″","″","•","–","—","˜","™","š","›","œ","□","ž","Ÿ") var s5 = new Array(" ","¡","¢","£","¤","¥","¦","§","¨","©","ª","«","¬","­","®","¯","°","±","²","³","´","µ","¶","·","¸","¹","º","»","¼","½","¾","¿") var s6 = new Array("À","Á","Â","Ã","Ä","Å","Æ","Ç","È","É","Ê","Ë","Ì","Í","Î","Ï","Ð","Ñ","Ò","Ó","Ô","Õ","Ö","×","Ø","Ù","Ú","Û","Ü","Ý","Þ","ß") var s7 = new Array("à","á","â","ã","ä","å","æ","ç","è","é","ê","ë","ì","í","î","ï","ð","ñ","ò","ó","ô","õ","ö","÷","ø","ù","ú","û","ü","ý","þ","ÿ") var sHTML=""; sHTML += "" for(var i=1;i<=7;i++) { sHTML += "" for(var j=0;j<32;j++) { //onmouseover menyebabkan pembatas hilang di IE5.0 //sHTML += "" sHTML += "" } sHTML += "" } sHTML += "
" + eval("s"+i)[j] + "" + eval("s"+i)[j] + "
" popupShow(560,"Select Symbol",sHTML) } function CreateHyperlink() { //Get URL typed by user var inpURL = idContentTmp.idLinkURL.value var inpURLType = idContentTmp.idLinkType.value var sURL = inpURLType + inpURL //Use the previous active selection var oSel = oSelSave//idContent.document.selection.createRange() var sType = sSelType//idContent.document.selection.type /***********************************************************************/ /* idLinkImageBorder /***********************************************************************/ if ((oSel.item) && (oSel.item(0).tagName=="IMG")) //If image is selected { oSel.item(0).width = oSel.item(0).offsetWidth //kasih attribute width oSel.item(0).height = oSel.item(0).offsetHeight //kasih attribute height oSel.item(0).border = idContentTmp.idLinkImageBorder.value } if(inpURL!="")//If there is URL typed by user { if (oSel.parentElement) //If text selection { if(idContentTmp.btnLinkAction.value == "Insert") { if(oSel.text!="") { //noop } else { var oSelTmp = oSel.duplicate() oSel.text = sURL //displayed text = sURL oSel.setEndPoint("StartToStart",oSelTmp) oSel.select() sType="Text" } } if(idContentTmp.btnLinkAction.value == "Update") //pasti ada A element { if(oSel.text!="") { //noop //oEl = GetElement(oSel.parentElement(),"A") //oEl.innerText = sURL } else { //noop //oEl = GetElement(oSel.parentElement(),"A") //oEl.innerText = sURL } } } /***********************************************************************/ /* idLinkType & idLinkURL (sURL) /***********************************************************************/ oSel.execCommand("CreateLink",false,sURL) //After A element created, then add the Target //oSel = document.selection.createRange() if (oSel.parentElement) { oEl = GetElement(oSel.parentElement(),"A") } else { oEl = GetElement(oSel.item(0),"A") } if(oEl) { if(idContentTmp.idLinkTarget.value=="") { oEl.removeAttribute("target",0) } else { oEl.target = idContentTmp.idLinkTarget.value; } } idContent.focus() oSel.select()//tambahan } //Activate layer again //if(isLayerActive)oElStore.setActive(); } var oElStore; var isLayerActive; function displayLinkBox() //OK { saveSelection() /* idContentTmp.focus() jalan (benar), block pd idContent hilang, & idContentTmp selectable (benar), idContent focus popuphide jalan (benar). idContentTmp.focus() tdk jalan, block pd idContent tetap ada (benar), & idContentTmp unselectable, idContent focus popuphide tdk jalan. */ var sHTML = "" + "" + "" + "" + "" + "" + "" + "" + "" + "" + "" + "
" + "  " + " " + " " + "
" + "   Target : " + " " + "
" + "
" + "   Image Border : " + " " + " " + "

" + " " + " " + "
" popupShow(310,"Insert/Edit Link",sHTML) var sURL; var oSel = oSelSave//idContent.document.selection.createRange() var sType = sSelType//idContent.document.selection.type if (oSel.parentElement)//If text is selected on a layer { oEl = GetElement(oSel.parentElement(),"DIV")//! oElStore = oEl;//Store the active layer, so we can activate it after editing links isLayerActive=true; } else//If control is selected { isLayerActive=false; } /*****************************************************************************/ /* idLinkImage & idLinkImageBorder /*****************************************************************************/ //Is the selection image or not ? if (oSel.parentElement)//If not an image (such as text) { oEl = GetElement(oSel.parentElement(),"A")//Get A element if any idContentTmp.idLinkImage.style.display = "none";//do not display Image features on the Link Dialog } else //If a control { oEl = GetElement(oSel.item(0),"A")//Get A element if any if ((oSel.item) && (oSel.item(0).tagName=="IMG")) //If an image { idContentTmp.idLinkImage.style.display = "block"; //display Image features on the Link Dialog idContentTmp.idLinkImageBorder.value = oSel.item(0).border; //get image border } } /*****************************************************************************/ /* idLinkTarget & idLinkType & idLinkURL /*****************************************************************************/ //Is there an A element ? if (oEl)//If Yes { idContentTmp.btnLinkAction.value = "Update" sURL = oEl.href //get image url idContentTmp.idLinkTarget.value = oEl.target;//get image target if(sURL.indexOf(":")!=-1) { switch(sURL.split(":")[0]) { case "http": idContentTmp.idLinkType.value = "http://"; idContentTmp.idLinkURL.value = sURL.substr(7); break; case "https": idContentTmp.idLinkType.value = "https://"; idContentTmp.idLinkURL.value = sURL.substr(8); break; case "mailto": idContentTmp.idLinkType.value = "mailto:"; idContentTmp.idLinkURL.value = sURL.split(":")[1]; break; case "ftp": idContentTmp.idLinkType.value = "ftp://"; idContentTmp.idLinkURL.value = sURL.substr(6); break; case "news": idContentTmp.idLinkType.value = "news:"; idContentTmp.idLinkURL.value = sURL.split(":")[1]; break; } } else { idContentTmp.idLinkType.value = ""; idContentTmp.idLinkURL.value = sURL; } } else //If No A element { idContentTmp.btnLinkAction.value = "Insert" idContentTmp.idLinkTarget.value = "" idContentTmp.idLinkType.value = "" idContentTmp.idLinkURL.value = "" idContentTmp.idLinkImageBorder.value = 0 } //idContentTmp.idLinkURL.focus();//tambahan } function pasteFromWord()// OK { idContent.focus() // => popupHide() var oSel = idContent.document.selection.createRange() if(oSel.parentElement)//yg dipilih text bukan control { idWord.focus() idWord.document.execCommand("SelectAll") idWord.document.execCommand("Paste") oSel.pasteHTML(cleanFromWord()) oSel.execCommand("SelectAll") } } function cleanFromWord() { for (var i = 0; i < idWord.document.body.all.length; i++) { idWord.document.body.all[i].removeAttribute("className","",0); idWord.document.body.all[i].removeAttribute("style","",0); } var sHTML = idWord.document.body.innerHTML; alert(sHTML) //sHTML = sHTML.replace(/<\?xml:.*?\/>/g, ""); //sHTML = sHTML.replace(/ <\/o:p>/g, ""); //sHTML = sHTML.replace(/o:/g, ""); //sHTML = sHTML.replace(//g, ""); return sHTML; } function GetElement(oElement,sMatchTag) { while (oElement!=null && oElement.tagName!=sMatchTag) { if(oElement.id=="idContent") return null; oElement = oElement.parentElement } return oElement } function setDefaultColor(Name,Color) { var OutputID = Name var TextID = Name + "_1" var ColorID = Name + "_2" eval("idContentTmp."+OutputID).value = Color; eval("idContentTmp."+TextID).innerHTML = ""+Color+"" eval("idContentTmp."+ColorID).style.background = Color; } function displayBgColor() { if(idContentTmp.divBgColorPick.style.display=="none") { //check if it was already written if(idContentTmp.divBgColorPick.innerHTML=="") { //if not written yet, then write idContentTmp.divBgColorPick.innerHTML = writeColorPicker("inpBgColorPick","inpBgColor.value=inpBgColorPick.value",1); //parent.displayBgColor => writeColorPicker dilakukan di IFRAME (dimana ada inpBgColor & inpBgColorPick) //makanya inpBgColor.value=inpBgColorPick.value tdk perlu pake parent //set default color setDefaultColor("inpBgColorPick",idContentTmp.inpBgColor.value) } else { //already written //set default color setDefaultColor("inpBgColorPick",idContentTmp.inpBgColor.value) } //display idContentTmp.divBgColorPick.style.display="block" } else { //hide idContentTmp.divBgColorPick.style.display='none' } } function displayBorderColor() { if(idContentTmp.divBorderColorPick.style.display=="none") { //check if it was already written if(idContentTmp.divBorderColorPick.innerHTML=="") { //if not written yet, then write idContentTmp.divBorderColorPick.innerHTML = writeColorPicker("inpBorderColorPick","inpBorderColor.value=inpBorderColorPick.value",1); //set default color setDefaultColor("inpBorderColorPick",idContentTmp.inpBorderColor.value) } else { //already written //set default color setDefaultColor("inpBorderColorPick",idContentTmp.inpBorderColor.value) } //display idContentTmp.divBorderColorPick.style.display="block" } else { //hide idContentTmp.divBorderColorPick.style.display='none' } } function displayBgColor2() { if(idContentTmp.divBgColor2Pick.style.display=="none") { //check if it was already written if(idContentTmp.divBgColor2Pick.innerHTML=="") { //if not written yet, then write idContentTmp.divBgColor2Pick.innerHTML = writeColorPicker("inpBgColor2Pick","inpBgColor2.value=inpBgColor2Pick.value",1); //set default color setDefaultColor("inpBgColor2Pick",idContentTmp.inpBgColor2.value) } else { //already written //set default color setDefaultColor("inpBgColor2Pick",idContentTmp.inpBgColor2.value) } //display idContentTmp.divBgColor2Pick.style.display="block" } else { //hide idContentTmp.divBgColor2Pick.style.display='none' } } function displayBorderColor2() { if(idContentTmp.divBorderColor2Pick.style.display=="none") { //check if it was already written if(idContentTmp.divBorderColor2Pick.innerHTML=="") { //if not written yet, then write idContentTmp.divBorderColor2Pick.innerHTML = writeColorPicker("inpBorderColor2Pick","inpBorderColor2.value=inpBorderColor2Pick.value",1); //set default color setDefaultColor("inpBorderColor2Pick",idContentTmp.inpBorderColor2.value) } else { //already written //set default color setDefaultColor("inpBorderColor2Pick",idContentTmp.inpBorderColor2.value) } //display idContentTmp.divBorderColor2Pick.style.display="block" } else { //hide idContentTmp.divBorderColor2Pick.style.display='none' } } function displayCellBgColor() { if(idContentTmp.divCellBgColorPick.style.display=="none") { //check if it was already written if(idContentTmp.divCellBgColorPick.innerHTML=="") { //if not written yet, then write idContentTmp.divCellBgColorPick.innerHTML = writeColorPicker("inpCellBgColorPick","inpCellBgColor.value=inpCellBgColorPick.value",1); //set default color setDefaultColor("inpCellBgColorPick",idContentTmp.inpCellBgColor.value) } else { //already written //set default color setDefaultColor("inpCellBgColorPick",idContentTmp.inpCellBgColor.value) } //display idContentTmp.divCellBgColorPick.style.display="block" } else { //hide idContentTmp.divCellBgColorPick.style.display='none' } } function displayTableBox() { saveSelection() var sHTML = "" + "" + "" + "" + "" + "" + "
" + " " + " " + " " + " " + " " + " " + " " + " " + "
" + "  " + " " + "  " + " " + "  " + "  
" + " " + "
" + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + "
Rows:Columns:
Width:" + " " + " Height:" + " " + "
Background Color:" + " " + " " + "
" + "
" + "
Background Image URL:" + "
Border Size:Alignment:" + " " + "
Border Color:" + " " + " " + "
" + "
" + "
Cell Padding:Cell Spacing:
  
" + "
" + " " + " " + "
" + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + "
Background Color:" + " " + " " + "
" + "
" + "
Background Image URL:" + "
Width:" + " " + " Height:" + " " + "
Cell Padding:Cell Spacing:
Border Size:Alignment :" + " " + "
Border Color:" + " " + " " + "
" + "
" + "
  
" + "
" + " " + " " + "
" + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + " " + "
Cell Background Color :" + " " + " " + "
" + "
" + "
Cell Background Image URL :" + "
Cell Width :" + " " + " Cell Height :" + " " + "
Alignment :" + " " + " Vertical Alignment :" + " " + "
Wrap Text :
Insert Row:" + " " + " " + "
Insert Column:" + " " + " " + "
Delete:" + " " + " " + " " + "
Span:" + " " + " " + "
  
" + "
" + " " + "
" popupShow(440,"Create/Edit Table",sHTML) //set default value idContentTmp.inpRows.value = 2; idContentTmp.inpCols.value = 2; idContentTmp.inpTblAlign.value = ""; idContentTmp.inpWidth.value = ""; idContentTmp.inpHeight.value = ""; idContentTmp.inpPadding.value = 0; idContentTmp.inpSpacing.value = 0; idContentTmp.inpBorder.value = 1; idContentTmp.inpBorderColor.value = ""; idContentTmp.inpBgImage.value = ""; idContentTmp.inpBgColor.value = ""; var oSel = oSelSave//idContent.document.selection.createRange() var sType = sSelType//idContent.document.selection.type var oBlock = (oSel.parentElement != null ? GetElement(oSel.parentElement(),"TABLE") : GetElement(oSel.item(0),"TABLE")) if (oBlock!=null) //If inside existing table { //Get existing table properties idContentTmp.inpTblAlign2.value = oBlock.align var st = oBlock.width if(st.indexOf("%")!=-1) { idContentTmp.inpWidth2.value = st.substring(0,st.indexOf("%")) //remove last % idContentTmp.inpWidth2Me.value = "%" } else { idContentTmp.inpWidth2.value = oBlock.width idContentTmp.inpWidth2Me.value = "" } var st2 = oBlock.height if(st2.indexOf("%")!=-1) { idContentTmp.inpHeight2.value = st2.substring(0,st2.indexOf("%")) //remove last % idContentTmp.inpHeight2Me.value = "%" } else { idContentTmp.inpHeight2.value = oBlock.height idContentTmp.inpHeight2Me.value = "" } idContentTmp.inpPadding2.value = oBlock.cellPadding idContentTmp.inpSpacing2.value = oBlock.cellSpacing idContentTmp.inpBorder2.value = oBlock.border idContentTmp.inpBorderColor2.value = (oBlock.borderColor).substring(1) idContentTmp.inpBgImage2.value = oBlock.background idContentTmp.inpBgColor2.value = (oBlock.bgColor).substring(1) if(oSel.parentElement != null)//yg dipilih text, bukan control(=table) {//Get existing cell properties var oTD = GetElement(oSel.parentElement(),"TD"); if(oTD==null)return; //jika yg di select adl text tapi meliputi lebih dari satu cell var st3 = oTD.width //HTML : width if(st3.indexOf("%")!=-1) { idContentTmp.inpCellWidth.value = st3.substring(0,st3.indexOf("%")) //remove last % idContentTmp.inpCellWidthMe.value = "%" } else { idContentTmp.inpCellWidth.value = oTD.width idContentTmp.inpCellWidthMe.value = "" } var st4 = oTD.height //HTML : height if(st4.indexOf("%")!=-1) { idContentTmp.inpCellHeight.value = st4.substring(0,st4.indexOf("%")) //remove last % idContentTmp.inpCellHeightMe.value = "%" } else { idContentTmp.inpCellHeight.value = oTD.height idContentTmp.inpCellHeightMe.value = "" } idContentTmp.inpCellAlign.value = oTD.align //HTML : align idContentTmp.inpCellVAlign.value = oTD.vAlign //HTML : vAlign idContentTmp.inpCellBgImage.value = oTD.background //HTML : background idContentTmp.inpCellBgColor.value = (oTD.bgColor).substring(1) //HTML : bgColor idContentTmp.inpCellWrap.checked = !oTD.noWrap; //set the tab TabEditCell() } else { //set the tab TabEditTable() //disable create table & edit table TabDisable1() } } else { //set the tab TabInsertTable() //disable edit table & edit cell TabDisable2() } } function TabInsertTable() { idContentTmp.divBorderColorPick.style.display = "none"; idContentTmp.divBgColorPick.style.display = "none"; idContentTmp.idInsertTable.style.display="block"; idContentTmp.idEditTable.style.display="none"; idContentTmp.idEditCell.style.display="none"; idContentTmp.tab1.style.cursor = ""; idContentTmp.tab1.style.background = "#ececec"; idContentTmp.tab1.style.color = "darkslateblue"; idContentTmp.tab1.style.borderBottom = ""; idContentTmp.tab1.innerHTML = "Create Table" idContentTmp.tab2.style.background = "#bebebe"; idContentTmp.tab2.style.color = "darkslateblue"; idContentTmp.tab2.style.borderBottom = "darkgray 1px solid"; idContentTmp.tab2.innerHTML = "
Edit Table
" idContentTmp.tab3.style.background = "#bebebe"; idContentTmp.tab3.style.color = "darkslateblue"; idContentTmp.tab3.style.borderBottom = "darkgray 1px solid"; idContentTmp.tab3.innerHTML = "
Edit Cell
" //when the control (table) is selected, the focus shouldn't be displayed. //Then set the focus to another control. //inpRows.focus(); } function TabEditTable() { idContentTmp.divBorderColor2Pick.style.display = "none"; idContentTmp.divBgColor2Pick.style.display = "none"; idContentTmp.idInsertTable.style.display="none"; idContentTmp.idEditTable.style.display="block"; idContentTmp.idEditCell.style.display="none"; idContentTmp.tab1.style.background = "#bebebe"; idContentTmp.tab1.style.color = "darkslateblue"; idContentTmp.tab1.style.borderBottom = "darkgray 1px solid"; idContentTmp.tab1.innerHTML = "
Create Table
" idContentTmp.tab2.style.cursor = ""; idContentTmp.tab2.style.background = "#ececec"; idContentTmp.tab2.style.color = "darkslateblue"; idContentTmp.tab2.style.borderBottom = ""; idContentTmp.tab2.innerHTML = "Edit Table" idContentTmp.tab3.style.background = "#bebebe"; idContentTmp.tab3.style.color = "darkslateblue"; idContentTmp.tab3.style.borderBottom = "darkgray 1px solid"; idContentTmp.tab3.innerHTML = "
Edit Cell
" //when the control (table) is selected, the focus shouldn't be displayed. //Then set the focus to another control. //inpBgColor2.focus() } function TabEditCell() { idContentTmp.idEditCell.style.display="block"; idContentTmp.divCellBgColorPick.style.display = "none"; idContentTmp.idInsertTable.style.display="none"; idContentTmp.idEditTable.style.display="none"; idContentTmp.idEditCell.style.display="block"; idContentTmp.tab1.style.background = "#bebebe"; idContentTmp.tab1.style.color = "darkslateblue"; idContentTmp.tab1.style.borderBottom = "darkgray 1px solid"; idContentTmp.tab1.innerHTML = "
Create Table
" idContentTmp.tab2.style.background = "#bebebe"; idContentTmp.tab2.style.color = "darkslateblue"; idContentTmp.tab2.style.borderBottom = "darkgray 1px solid"; idContentTmp.tab2.innerHTML = "
Edit Table
" idContentTmp.tab3.style.cursor = ""; idContentTmp.tab3.style.background = "#ececec"; idContentTmp.tab3.style.color = "darkslateblue"; idContentTmp.tab3.style.borderBottom = ""; idContentTmp.tab3.innerHTML = "Edit Cell" //when the control (table) is selected, the focus shouldn't be displayed. //Then set the focus to another control. //inpCellBgColor.focus() } function TabDisable1() { idContentTmp.tab1.style.cursor = ""; idContentTmp.tab1.style.background = "#bebebe"; idContentTmp.tab1.style.color = "darkgray"; idContentTmp.tab1.style.borderBottom = ""; idContentTmp.tab1.innerHTML = "Create Table" idContentTmp.tab3.style.cursor = ""; idContentTmp.tab3.style.background = "#bebebe"; idContentTmp.tab3.style.color = "darkgray"; idContentTmp.tab3.style.borderBottom = ""; idContentTmp.tab3.innerHTML = "Edit Cell" } function TabDisable2() { idContentTmp.tab2.style.cursor = ""; idContentTmp.tab2.style.background = "#bebebe"; idContentTmp.tab2.style.color = "darkgray"; idContentTmp.tab2.style.borderBottom = ""; idContentTmp.tab2.innerHTML = "Edit Table" idContentTmp.tab3.style.cursor = ""; idContentTmp.tab3.style.background = "#bebebe"; idContentTmp.tab3.style.color = "darkgray"; idContentTmp.tab3.style.borderBottom = ""; idContentTmp.tab3.innerHTML = "Edit Cell" } function TableInsert() { if(!(IsPosIntNotZero(idContentTmp.inpRows.value) && IsPosIntNotZero(idContentTmp.inpCols.value) && IsPosIntNotZero(idContentTmp.inpWidth.value) && IsPosIntNotZero(idContentTmp.inpHeight.value) && IsPosInt(idContentTmp.inpBorder.value) && IsPosInt(idContentTmp.inpPadding.value) && IsPosInt(idContentTmp.inpSpacing.value))) { alert("Invalid input."); return false; } var sHTML = "" + "" for (var i=0; i < idContentTmp.inpRows.value; i++) { sHTML += "" for (var j=0; j < idContentTmp.inpCols.value; j++) sHTML += "" sHTML += "" } sHTML += "
 
" //idContent.focus() var oSel = oSelSave//idContent.document.selection.createRange() var sType = sSelType//idContent.document.selection.type if (sType=="Control")oSel.item(0).outerHTML = sHTML else oSel.pasteHTML(sHTML) return true; } function TableUpdate() { if(!(IsPosIntNotZero(idContentTmp.inpWidth2.value) && IsPosIntNotZero(idContentTmp.inpHeight2.value) && IsPosInt(idContentTmp.inpPadding2.value) && IsPosInt(idContentTmp.inpSpacing2.value) && IsPosInt(idContentTmp.inpBorder2.value))) { alert("Invalid input."); return false; } //idContent.focus() var oSel = oSelSave//idContent.document.selection.createRange() var sType = sSelType//idContent.document.selection.type var oBlock = (oSel.parentElement != null ? GetElement(oSel.parentElement(),"TABLE") : GetElement(oSel.item(0),"TABLE")) if (oBlock!=null) { oBlock.align = idContentTmp.inpTblAlign2.value if(idContentTmp.inpWidth2.value!="") { oBlock.style.width=""; //remove style width oBlock.width = idContentTmp.inpWidth2.value + idContentTmp.inpWidth2Me.value; } else { oBlock.width = "" } if(idContentTmp.inpHeight2.value!="") { oBlock.style.height=""; //remove style height oBlock.height = idContentTmp.inpHeight2.value + idContentTmp.inpHeight2Me.value; } else { oBlock.height = "" } oBlock.cellPadding = idContentTmp.inpPadding2.value oBlock.cellSpacing = idContentTmp.inpSpacing2.value oBlock.border = idContentTmp.inpBorder2.value oBlock.borderColor = idContentTmp.inpBorderColor2.value oBlock.background = idContentTmp.inpBgImage2.value oBlock.bgColor = idContentTmp.inpBgColor2.value } oSel.select() return true; } function CellUpdate() { if(!(IsPosIntNotZero(idContentTmp.inpCellWidth.value) && IsPosIntNotZero(idContentTmp.inpCellHeight.value))) { alert("Invalid input."); return false; } //idContent.focus() var oSel = oSelSave//idContent.document.selection.createRange() var sType = sSelType//idContent.document.selection.type var oTD = (oSel.parentElement != null ? GetElement(oSel.parentElement(),"TD") : GetElement(oSel.item(0),"TD")) if (oTD!=null) { if(idContentTmp.inpCellWidth.value!="") { //oTD.style.width=""; //remove style width => tdk perlu oTD.width = idContentTmp.inpCellWidth.value + idContentTmp.inpCellWidthMe.value; } else { oTD.width = "" } if(idContentTmp.inpCellHeight.value!="") { //oTD.style.height=""; //remove style height => tdk perlu oTD.height = idContentTmp.inpCellHeight.value + idContentTmp.inpCellHeightMe.value; } else { oTD.height = "" } oTD.align = idContentTmp.inpCellAlign.value ; oTD.vAlign = idContentTmp.inpCellVAlign.value; oTD.background = idContentTmp.inpCellBgImage.value; oTD.bgColor = idContentTmp.inpCellBgColor.value ; oTD.noWrap = !idContentTmp.inpCellWrap.checked; } oSel.select() return true; } function IsPosInt(sInput) { if(sInput=="") return true;//must be empty or number greater than or equal 0 var sTmp = sInput.toString(); for(var i=0;i"9") return false; } return true; } function IsPosIntNotZero(sInput)//must be empty or number greater than or equal 1 { if(sInput=="") return true; var sTmp = sInput.toString(); for(var i=0;i"9") return false; } if(sInput*1==0) {return false} else {return true}; } function TableInsertRow(type) { var oSel = oSelSave//idContent.document.selection.createRange() var sType = sSelType//idContent.document.selection.type var oBlock = (oSel.parentElement != null ? GetElement(oSel.parentElement(),"TABLE") : GetElement(oSel.item(0),"TABLE")) var numofrows = oBlock.rows.length; //num of rows //Dia ada di row mana ? var i,iRow; var oTR = (oSel.parentElement != null ? GetElement(oSel.parentElement(),"TR") : GetElement(oSel.item(0),"TR")) for (i=0;i