开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > Jsp/Servlet > 查看源码
editor2.js
资源名称：JSP-OA.rar　[点击查看]
上传用户：jhtang88
上传日期：2014-01-27
资源大小：28528k
文件大小：121k
源码类别：

Jsp/Servlet

开发平台：

Java

editor2.js：源码内容
  1. // JavaScript Document
  2. /***********************************************************
  3. InnovaStudio WYSIWYG Editor 2.2
  4. Copyright ?2003-2005, INNOVA STUDIO (www.InnovaStudio.com). All rights reserved.
  5. ************************************************************/
  7. /*** UTILITY OBJECT ***/
  8. var oUtil=new InnovaEditorUtil();
  9. function InnovaEditorUtil()
  10. {
  11. /*** Localization ***/
  12. this.langDir="english";
  13. try{if(LanguageDirectory)this.langDir=LanguageDirectory;}catch(e){;}
  14. var oScripts=document.getElementsByTagName("script");
  15. for(var i=0;i<oScripts.length;i++)
  16. {
  17. var sSrc=oScripts[i].src.toLowerCase();
  18. if(sSrc.indexOf("scripts/editor.js")!=-1) this.scriptPath=oScripts[i].src.replace(/editor.js/ig,"");
  19. }
  20. this.scriptPathLang=this.scriptPath+"language/"+this.langDir+"/";
  21. if(this.langDir=="english")
  22. document.write("<scr"+"ipt src='"+this.scriptPathLang+"editor_lang.js'></scr"+"ipt>");
  23. /*** /Localization ***/
  25. this.oName;this.oEditor;this.obj;
  26. this.oSel;
  27. this.sType;
  28. this.bInside=bInside;
  29. this.useSelection=true;
  30. this.arrEditor=[];
  31. this.onSelectionChanged=function(){return true;};
  32. this.activeElement;
  33. }
  35. /*** FOCUS STUFF ***/
  36. function bInside(oElement)
  37. {
  38. while(oElement!=null)
  39. {
  40. if(oElement.contentEditable=="true")return true;
  41. oElement=oElement.parentElement;
  42. }
  43. return false;
  44. }
  45. function checkFocus()
  46. {
  47. var oEditor=eval("idContent"+this.oName);
  48. var oSel=oEditor.document.selection.createRange();
  49. var sType=oEditor.document.selection.type;
  51. if(oSel.parentElement!=null)
  52. {
  53. if(!bInside(oSel.parentElement()))return false;
  54. }
  55. else
  56. {
  57. if(!bInside(oSel.item(0)))return false;
  58. }
  59. return true;
  60. }
  61. function iwe_focus()
  62. {
  63. var oEditor=eval("idContent"+this.oName);
  64. oEditor.focus()
  65. }
  67. /*********************
  68. EDITOR OBJECT
  69. **********************/
  70. function InnovaEditor(oName)
  71. {
  72. this.oName=oName;
  73. this.RENDER=RENDER;
  74. this.IsSecurityRestricted=false;
  76. this.loadHTML=loadHTML;
  77. this.getHTMLBody=getHTMLBody;
  78. this.getXHTMLBody=getXHTMLBody;
  79. this.getHTML=getHTML;
  80. this.getXHTML=getXHTML;
  81. this.putHTML=putHTML;//source dialog
  82. this.css="";
  83. this.initialRefresh=false;
  85. this.bInside=bInside;
  86. this.checkFocus=checkFocus;
  87. this.focus=iwe_focus;
  89. this.doCmd=doCmd;
  90. this.applyParagraph=applyParagraph;
  91. this.applyFontName=applyFontName;
  92. this.applyFontSize=applyFontSize;
  93. this.applyBullets=applyBullets;
  94. this.applyNumbering=applyNumbering;
  95. this.applyJustifyLeft=applyJustifyLeft;
  96. this.applyJustifyCenter=applyJustifyCenter;
  97. this.applyJustifyRight=applyJustifyRight;
  98. this.applyJustifyFull=applyJustifyFull;
  99. this.applyBlockDirLTR=applyBlockDirLTR;
  100. this.applyBlockDirRTL=applyBlockDirRTL;
  101. this.doPaste=doPaste;
  102. this.doPasteText=doPasteText;
  103. this.applySpan=applySpan;
  104. this.makeAbsolute=makeAbsolute;
  105. this.insertHTML=insertHTML;
  106. this.clearAll=clearAll;
  107. this.spellcheckDialogShow=spellcheckDialogShow;
  108. this.insertCustomTag=insertCustomTag;
  109. this.selectParagraph=selectParagraph;
  110. this.doOnPaste=doOnPaste;
  111. this.isAfterPaste=false;
  112. this.doClean=doClean;
  114. this.hide=hide;
  115. this.dropShow=dropShow;
  117. this.width="663";
  118. this.height="250";
  119. this.publishingPath="";//ex."http://localhost/InnovaStudio/"
  121. var oScripts=document.getElementsByTagName("script");
  122. for(var i=0;i<oScripts.length;i++)
  123. {
  124. var sSrc=oScripts[i].src.toLowerCase();
  125. if(sSrc.indexOf("scripts/editor.js")!=-1) this.scriptPath=sSrc.replace(/editor.js/,"");
  126. }
  128. this.iconPath="icons/";
  129. this.iconWidth=25;this.iconHeight=24;
  130. this.writeIconToggle=writeIconToggle;
  131. this.writeIconStandard=writeIconStandard;
  132. this.writeDropDown=writeDropDown;
  133. this.writeBreakSpace=writeBreakSpace;
  134. this.dropTopAdjustment=1;
  136. this.runtimeBorder=runtimeBorder;
  137. this.runtimeBorderOn=runtimeBorderOn;
  138. this.runtimeBorderOff=runtimeBorderOff;
  139. this.IsRuntimeBorderOn=true;
  140. this.runtimeStyles=runtimeStyles;
  142. this.applyColor=applyColor;
  143. this.customColors=[];//["#ff4500","#ffa500","#808000","#4682b4","#1e90ff","#9400d3","#ff1493","#a9a9a9"];
  144. this.oColor1 = new ColorPicker("oColor1",this.oName);//to call: oEdit1.oColor1
  145. this.oColor2 = new ColorPicker("oColor2",this.oName);//rendered id: ...oColor1oEdit1
  146. this.expandSelection=expandSelection;
  148. this.fullScreen=fullScreen;
  149. this.stateFullScreen=false;
  150. this.onFullScreen=function(){return true;};
  151. this.onNormalScreen=function(){return true;};
  153. this.arrElm=new Array(300);
  154. this.getElm=iwe_getElm;
  156. this.features=[];
  157. this.buttonMap=["Save","FullScreen","Preview","Print","Search","SpellCheck","|",
  158. "Cut","Copy","Paste","PasteWord","PasteText","|","Undo","Redo","|",
  159. "ForeColor","BackColor","|","Bookmark","Hyperlink",
  160. "CustomTag","Image","Flash","Media","ContentBlock","InternalLink","CustomObject","|",
  161. "Table","Guidelines","Absolute","|","Characters","Line",
  162. "Form","Clean","HTMLFullSource","HTMLSource","XHTMLFullSource",
  163. "XHTMLSource","ClearAll","BRK",
  164. "StyleAndFormatting","|","Paragraph","FontName","FontSize","|",
  165. "Bold","Italic","Underline","Strikethrough","Superscript","Subscript","|",
  166. "JustifyLeft","JustifyCenter","JustifyRight","JustifyFull","|",
  167. "Numbering","Bullets","|","Indent","Outdent","LTR","RTL"];//complete, default
  169. this.btnSave=false;this.btnPreview=true;this.btnFullScreen=true;this.btnPrint=false;this.btnSearch=true;
  170. this.btnSpellCheck=false;this.btnTextFormatting=true;
  171. this.btnListFormatting=true;this.btnBoxFormatting=true;this.btnParagraphFormatting=true;this.btnCssText=true;
  172. this.btnStyles=false;this.btnParagraph=true;this.btnFontName=true;this.btnFontSize=true;
  173. this.btnCut=true;this.btnCopy=true;this.btnPaste=true;this.btnPasteText=false;this.btnUndo=true;this.btnRedo=true;
  174. this.btnBold=true;this.btnItalic=true;this.btnUnderline=true;
  175. this.btnStrikethrough=false;this.btnSuperscript=false;this.btnSubscript=false;
  176. this.btnJustifyLeft=true;this.btnJustifyCenter=true;this.btnJustifyRight=true;this.btnJustifyFull=true;
  177. this.btnNumbering=true;this.btnBullets=true;this.btnIndent=true;this.btnOutdent=true;
  178. this.btnLTR=false;this.btnRTL=false;this.btnForeColor=true;this.btnBackColor=true;
  179. this.btnHyperlink=true;this.btnBookmark=true;this.btnCharacters=true;this.btnCustomTag=false;
  180. this.btnImage=true;this.btnFlash=false;this.btnMedia=false;
  181. this.btnTable=true;this.btnGuidelines=true;
  182. this.btnAbsolute=true;this.btnPasteWord=true;this.btnLine=true;
  183. this.btnForm=true;this.btnClean=true;
  184. this.btnHTMLFullSource=false;this.btnHTMLSource=false;
  185. this.btnXHTMLFullSource=false;this.btnXHTMLSource=true;
  186. this.btnClearAll=false;
  188. //*** CMS Features ***
  189. this.cmdAssetManager="";
  191. this.btnContentBlock=false;
  192. this.cmdContentBlock=";";//needs ;
  193. this.btnInternalLink=false;
  194. this.cmdInternalLink=";";//needs ;
  195. this.insertLink=insertLink;
  196. this.btnCustomObject=false;
  197. this.cmdCustomObject=";";//needs ;
  198. //*****
  200. this.arrStyle=[];
  201. this.onCustomCssShow = new Function("modelessDialogShow('"+this.scriptPath+"styles_cssText.htm',360,380)");
  202. this.addonCSSBuilder=addonCSSBuilder;
  204. this.arrParagraph=[[getText("Heading 1"),"H1"],
  205. [getText("Heading 2"),"H2"],
  206. [getText("Heading 3"),"H3"],
  207. [getText("Heading 4"),"H4"],
  208. [getText("Heading 5"),"H5"],
  209. [getText("Heading 6"),"H6"],
  210. [getText("Preformatted"),"PRE"],
  211. [getText("Normal (P)"),"P"],
  212. [getText("Normal (DIV)"),"DIV"]];
  214. this.arrFontName=["u5B8Bu4F53","u9ED1u4F53","u96B6u4E66","Arial","Arial Black","Arial Narrow",
  215. "Book Antiqua","Bookman Old Style",
  216. "Century Gothic","Comic Sans MS","Courier New",
  217. "Franklin Gothic Medium","Garamond","Georgia",
  218. "Impact","Lucida Console","Lucida Sans","Lucida Unicode",
  219. "Modern","Monotype Corsiva","Palatino Linotype",
  220. "Roman","Script","Small Fonts","Symbol",
  221. "Tahoma","Times New Roman","Trebuchet MS",
  222. "Verdana","Webdings","Wingdings","Wingdings 2","Wingdings 3",
  223. "serif","sans-serif","cursive","fantasy","monoscape"];
  225. this.arrFontSize=[[getText("Size 1"),"1"],
  226. [getText("Size 2"),"2"],
  227. [getText("Size 3"),"3"],
  228. [getText("Size 4"),"4"],
  229. [getText("Size 5"),"5"],
  230. [getText("Size 6"),"6"],
  231. [getText("Size 7"),"7"]];
  233. this.arrCustomTag=[];//eg.[["Full Name","{%full_name%}"],["Email","{%email%}"]];
  235. this.docType="";
  236. this.html="<html>";
  237. this.headContent="";
  238. this.preloadHTML="";
  240. this.onSave=function(){return true;};
  241. this.useBR=false;
  242. this.useDIV=true;
  244. this.doUndo=doUndo;
  245. this.doRedo=doRedo;
  246. this.saveForUndo=saveForUndo;
  247. this.arrUndoList=[];
  248. this.arrRedoList=[];
  250. this.useTagSelector=true;
  251. this.TagSelectorPosition="bottom";
  252. this.moveTagSelector=moveTagSelector;
  253. this.selectElement=selectElement;
  254. this.removeTag=removeTag;
  255. this.doClick_TabCreate=doClick_TabCreate;
  256. this.doRefresh_TabCreate=doRefresh_TabCreate;
  258. this.arrCustomButtons = [["CustomName1","alert(0)","caption here","btnSave.gif"],
  259. ["CustomName2","alert(0)","caption here","btnSave.gif"]];
  261. this.onSelectionChanged=function(){return true;};
  262. }
  264. /*********************
  265. ADD-ONS
  266. **********************/
  267. function addonCSSBuilder(bEnabled)
  268. {
  269. if(bEnabled)
  270. this.onCustomCssShow = new Function("modelessDialogShow('"+this.scriptPath+"styles_cssText2.htm',430,462)");
  271. else
  272. this.onCustomCssShow = new Function("modelessDialogShow('"+this.scriptPath+"styles_cssText.htm',360,380)");
  273. }
  275. /*********************
  276. UNDO/REDO
  277. **********************/
  278. function saveForUndo()
  279. {
  280. var oEditor=eval("idContent"+this.oName);
  281. var obj=eval(this.oName);
  282. if(obj.arrUndoList[0])
  283. if(oEditor.document.body.innerHTML==obj.arrUndoList[0][0])return;
  284. for(var i=20;i>1;i--)obj.arrUndoList[i-1]=obj.arrUndoList[i-2];
  285. obj.focus();
  286. var oSel=oEditor.document.selection.createRange();
  287. var sType=oEditor.document.selection.type;
  289. if(sType=="None")
  290. obj.arrUndoList[0]=[oEditor.document.body.innerHTML,
  291. oEditor.document.selection.createRange().getBookmark(),"None"];
  292. else if(sType=="Text")
  293. obj.arrUndoList[0]=[oEditor.document.body.innerHTML,
  294. oEditor.document.selection.createRange().getBookmark(),"Text"];
  295. else if(sType=="Control")
  296. {
  297. oSel.item(0).selThis="selThis";
  298. obj.arrUndoList[0]=[oEditor.document.body.innerHTML,null,"Control"];
  299. oSel.item(0).removeAttribute("selThis",0);
  300. }
  301. this.arrRedoList=[];//clear redo list
  303. if(this.btnUndo) makeEnableNormal(eval("document.all.btnUndo"+this.oName));
  304. if(this.btnRedo) makeDisabled(eval("document.all.btnRedo"+this.oName));
  305. }
  306. function doUndo()
  307. {
  308. var oEditor=eval("idContent"+this.oName);
  309. var obj=eval(this.oName);
  310. if(!obj.arrUndoList[0])return;
  311. //~~~~
  312. for(var i=20;i>1;i--)obj.arrRedoList[i-1]=obj.arrRedoList[i-2];
  313. var oSel=oEditor.document.selection.createRange();
  314. var sType=oEditor.document.selection.type;
  315. if(sType=="None")
  316. this.arrRedoList[0]=[oEditor.document.body.innerHTML,
  317. oEditor.document.selection.createRange().getBookmark(),"None"];
  318. else if(sType=="Text")
  319. this.arrRedoList[0]=[oEditor.document.body.innerHTML,
  320. oEditor.document.selection.createRange().getBookmark(),"Text"];
  321. else if(sType=="Control")
  322. {
  323. oSel.item(0).selThis="selThis";
  324. this.arrRedoList[0]=[oEditor.document.body.innerHTML,null,"Control"];
  325. oSel.item(0).removeAttribute("selThis",0);
  326. }
  327. //~~~~
  328. sHTML=obj.arrUndoList[0][0];
  329. var arrA = String(sHTML).match(/<A[^>]*>/ig);
  330. if(arrA)
  331. for(var i=0;i<arrA.length;i++)
  332. {
  333. sTmp = arrA[i].replace(/href=/,"href_iwe=");
  334. sHTML=String(sHTML).replace(arrA[i],sTmp);
  335. }
  336. var arrB = String(sHTML).match(/<IMG[^>]*>/ig);
  337. if(arrB)
  338. for(var i=0;i<arrB.length;i++)
  339. {
  340. sTmp = arrB[i].replace(/src=/,"src_iwe=");
  341. sHTML=String(sHTML).replace(arrB[i],sTmp);
  342. }
  343. var arrC = String(sHTML).match(/<AREA[^>]*>/ig);
  344. if(arrC)
  345. for(var i=0;i<arrC.length;i++)
  346. {
  347. sTmp = arrC[i].replace(/href=/,"href_iwe=");
  348. sHTML=String(sHTML).replace(arrC[i],sTmp);
  349. }
  350. oEditor.document.body.innerHTML=sHTML;
  351. for(var i=0;i<oEditor.document.all.length;i++)
  352. {
  353. if(oEditor.document.all[i].getAttribute("href_iwe"))
  354. {
  355. oEditor.document.all[i].href=oEditor.document.all[i].getAttribute("href_iwe");
  356. oEditor.document.all[i].removeAttribute("href_iwe",0);
  357. }
  358. if(oEditor.document.all[i].getAttribute("src_iwe"))
  359. {
  360. oEditor.document.all[i].src=oEditor.document.all[i].getAttribute("src_iwe");
  361. oEditor.document.all[i].removeAttribute("src_iwe",0);
  362. }
  363. }
  364. //*** RUNTIME STYLES ***
  365. this.runtimeBorder(false);
  366. this.runtimeStyles();
  367. //***********************
  368. var oRange=oEditor.document.body.createTextRange();
  369. if(obj.arrUndoList[0][2]=="None")
  370. {
  371. oRange.moveToBookmark(obj.arrUndoList[0][1]);
  372. oRange.select(); //di-disable, spy tdk select all? tdk perlu utk undo
  373. }
  374. else if(obj.arrUndoList[0][2]=="Text")
  375. {
  376. oRange.moveToBookmark(obj.arrUndoList[0][1]);
  377. oRange.select();
  378. }
  379. else if(obj.arrUndoList[0][2]=="Control")
  380. {
  381. for(var i=0;i<oEditor.document.all.length;i++)
  382. {
  383. if(oEditor.document.all[i].selThis=="selThis")
  384. {
  385. var oSelRange=oEditor.document.body.createControlRange();
  386. oSelRange.add(oEditor.document.all[i]);
  387. oSelRange.select();
  388. oEditor.document.all[i].removeAttribute("selThis",0);
  389. }
  390. }
  391. }
  392. //~~~~
  393. for(var i=0;i<19;i++)obj.arrUndoList[i]=obj.arrUndoList[i+1];
  394. obj.arrUndoList[19]=null;
  395. realTime(this.oName);
  396. }
  397. function doRedo()
  398. {
  399. var oEditor=eval("idContent"+this.oName);
  400. var obj=eval(this.oName);
  401. if(!obj.arrRedoList[0])return;
  402. //~~~~
  403. for(var i=20;i>1;i--)obj.arrUndoList[i-1]=obj.arrUndoList[i-2];
  404. var oSel=oEditor.document.selection.createRange();
  405. var sType=oEditor.document.selection.type;
  406. if(sType=="None")
  407. obj.arrUndoList[0]=[oEditor.document.body.innerHTML,
  408. oEditor.document.selection.createRange().getBookmark(),"None"];
  409. else if(sType=="Text")
  410. obj.arrUndoList[0]=[oEditor.document.body.innerHTML,
  411. oEditor.document.selection.createRange().getBookmark(),"Text"];
  412. else if(sType=="Control")
  413. {
  414. oSel.item(0).selThis="selThis";
  415. this.arrUndoList[0]=[oEditor.document.body.innerHTML,null,"Control"];
  416. oSel.item(0).removeAttribute("selThis",0);
  417. }
  418. //~~~~
  419. sHTML=obj.arrRedoList[0][0];
  420. var arrA = String(sHTML).match(/<A[^>]*>/ig);
  421. if(arrA)
  422. for(var i=0;i<arrA.length;i++)
  423. {
  424. sTmp = arrA[i].replace(/href=/,"href_iwe=");
  425. sHTML=String(sHTML).replace(arrA[i],sTmp);
  426. }
  427. var arrB = String(sHTML).match(/<IMG[^>]*>/ig);
  428. if(arrB)
  429. for(var i=0;i<arrB.length;i++)
  430. {
  431. sTmp = arrB[i].replace(/src=/,"src_iwe=");
  432. sHTML=String(sHTML).replace(arrB[i],sTmp);
  433. }
  434. var arrC = String(sHTML).match(/<AREA[^>]*>/ig);
  435. if(arrC)
  436. for(var i=0;i<arrC.length;i++)
  437. {
  438. sTmp = arrC[i].replace(/href=/,"href_iwe=");
  439. sHTML=String(sHTML).replace(arrC[i],sTmp);
  440. }
  441. oEditor.document.body.innerHTML=sHTML;
  442. for(var i=0;i<oEditor.document.all.length;i++)
  443. {
  444. if(oEditor.document.all[i].getAttribute("href_iwe"))
  445. {
  446. oEditor.document.all[i].href=oEditor.document.all[i].getAttribute("href_iwe");
  447. oEditor.document.all[i].removeAttribute("href_iwe",0);
  448. }
  449. if(oEditor.document.all[i].getAttribute("src_iwe"))
  450. {
  451. oEditor.document.all[i].src=oEditor.document.all[i].getAttribute("src_iwe");
  452. oEditor.document.all[i].removeAttribute("src_iwe",0);
  453. }
  454. }
  455. //*** RUNTIME STYLES ***
  456. this.runtimeBorder(false);
  457. this.runtimeStyles();
  458. //***********************
  459. var oRange=oEditor.document.body.createTextRange();
  460. if(obj.arrRedoList[0][2]=="None")
  461. {
  462. oRange.moveToBookmark(obj.arrRedoList[0][1]);
  463. //oRange.select(); //di-disable, sph tdk select all, utk redo perlu
  464. }
  465. else if(obj.arrRedoList[0][2]=="Text")
  466. {
  467. oRange.moveToBookmark(obj.arrRedoList[0][1]);
  468. oRange.select();
  469. }
  470. else if(obj.arrRedoList[0][2]=="Control")
  471. {
  472. for(var i=0;i<oEditor.document.all.length;i++)
  473. {
  474. if(oEditor.document.all[i].selThis=="selThis")
  475. {
  476. var oSelRange = oEditor.document.body.createControlRange();
  477. oSelRange.add(oEditor.document.all[i]);
  478. oSelRange.select();
  479. oEditor.document.all[i].removeAttribute("selThis",0);
  480. }
  481. }
  482. }
  483. //~~~~
  484. for(var i=0;i<19;i++)obj.arrRedoList[i]=obj.arrRedoList[i+1];
  485. obj.arrRedoList[19]=null;
  486. realTime(this.oName);
  487. }
  490. /*********************
  491. RENDER
  492. **********************/
  493. function RENDER(sPreloadHTML)
  494. {
  495. /*** Tetap Ada (For downgrade compatibility) ***/
  496. if(sPreloadHTML.substring(0,4)=="<!--" &&
  497. sPreloadHTML.substring(sPreloadHTML.length-3)=="-->")
  498. sPreloadHTML=sPreloadHTML.substring(4,sPreloadHTML.length-3);
  500. if(sPreloadHTML.substring(0,4)=="<!--" &&
  501. sPreloadHTML.substring(sPreloadHTML.length-6)=="--&gt;")
  502. sPreloadHTML=sPreloadHTML.substring(4,sPreloadHTML.length-6);
  504. /*** Converting back HTML-encoded content (kalau tdk encoded tdk masalah) ***/
  505. sPreloadHTML=sPreloadHTML.replace(/&lt;/g,"<");
  506. sPreloadHTML=sPreloadHTML.replace(/&gt;/g,">");
  507. sPreloadHTML=sPreloadHTML.replace(/&amp;/g,"&");
  508. sPreloadHTML=sPreloadHTML.replace(/&quot;/g,""");
  510. /*** features ***/
  511. var bUseFeature=false;
  512. if(this.features.length>0)
  513. {
  514. bUseFeature=true;
  515. for(var i=0;i<this.buttonMap.length;i++)
  516. eval(this.oName+".btn"+this.buttonMap[i]+"=true");//ex: oEdit1.btnStyleAndFormatting=true (no problem), oEdit1.btn|=true (no problem), oEdit1.btnBRK=true (no problem)
  518. this.btnTextFormatting=false;this.btnListFormatting=false;
  519. this.btnBoxFormatting=false;this.btnParagraphFormatting=false;
  520. this.btnCssText=false;this.btnStyles=false;
  521. for(var j=0;j<this.features.length;j++)
  522. eval(this.oName+".btn"+this.features[j]+"=true");//ex: oEdit1.btnTextFormatting=true
  524. for(var i=0;i<this.buttonMap.length;i++)
  525. {
  526. sButtonName=this.buttonMap[i];
  527. bBtnExists=false;
  528. for(var j=0;j<this.features.length;j++)
  529. if(sButtonName==this.features[j])bBtnExists=true;//ada;
  531. if(!bBtnExists)//tdk ada; set false
  532. eval(this.oName+".btn"+sButtonName+"=false");//ex: oEdit1.btnBold=false, oEdit1.btn|=false (no problem), oEdit1.btnBRK=false (no problem)
  533. }
  534. //Remove:"TextFormatting","ListFormatting",dst.=>tdk perlu(krn diabaikan)
  535. this.buttonMap=this.features;
  536. }
  537. /*** /features ***/
  539. this.preloadHTML=sPreloadHTML;
  540. var sHTMLDropMenus="";
  541. var sHTMLIcons="";
  542. var sTmp="";
  544. for(var i=0;i<this.buttonMap.length;i++)
  545. {
  546. sButtonName=this.buttonMap[i];
  547. switch(sButtonName)
  548. {
  549. case "|":
  550. sHTMLIcons+=this.writeBreakSpace();
  551. break;
  552. case "BRK":
  553. sHTMLIcons+="</td></tr></table><table cellpadding=0 cellspacing=0><tr><td dir=ltr>";
  554. break;
  555. case "Save":
  556. if(this.btnSave)sHTMLIcons+=this.writeIconStandard("btnSave"+this.oName,this.oName+".onSave()","btnSave.gif",getText("Save"));
  557. break;
  558. case "Preview":
  559. if(this.btnPreview)
  560. {
  561. sHTMLIcons+=this.writeIconStandard("btnPreview"+this.oName,this.oName+".dropShow(this,dropPreview"+this.oName+")","btnPreview.gif",getText("Preview"));
  562. var arrPreviewSize=[[640,480],[800,600],[1024,768]];
  563. sTmp="";
  564. for(var j=0;j<arrPreviewSize.length;j++)
  565. {
  566. sTmp+= "<tr><td onclick="dropPreview"+this.oName+".style.display='none';setActiveEditor('"+this.oName+"');modalDialogShow('"+this.scriptPath+"preview.htm',"+arrPreviewSize[j][0]+","+arrPreviewSize[j][1]+");" "+
  567. "style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black;" "+
  568. "onmouseover="this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  569. "onmouseout="this.style.backgroundColor='';this.style.color='#000000';" unselectable=on>"+arrPreviewSize[j][0]+"x"+arrPreviewSize[j][1]+"</td></tr>";
  570. }
  571. sHTMLDropMenus+="<table id=dropPreview"+this.oName+" cellpadding=0 cellspacing=0 "+
  572. "style='z-index:1;display:none;position:absolute;border:#716F64 1px solid;"+
  573. "cursor:default;background-color:#fdfdfd;' unselectable=on>"+
  574. sTmp+"</table>";
  575. }
  576. break;
  577. case "FullScreen":
  578. if(this.btnFullScreen)sHTMLIcons+=this.writeIconStandard("btnFullScreen"+this.oName,this.oName+".fullScreen()","btnFullScreen.gif",getText("Full Screen"));
  579. break;
  580. case "Print":
  581. if(this.btnPrint)sHTMLIcons+=this.writeIconStandard("btnPrint"+this.oName,this.oName+".focus();"+this.oName+".doCmd('Print')","btnPrint.gif",getText("Print"));
  582. break;
  583. case "Search":
  584. if(this.btnSearch)sHTMLIcons+=this.writeIconStandard("btnSearch"+this.oName,this.oName+".hide();modelessDialogShow('"+this.scriptPath+"search.htm',375,163)","btnSearch.gif",getText("Search"));
  585. break;
  586. case "SpellCheck":
  587. if(this.btnSpellCheck)sHTMLIcons+=this.writeIconStandard("btnSpellCheck"+this.oName,this.oName+".hide();"+this.oName+".spellcheckDialogShow()","btnSpellCheck.gif",getText("Check Spelling"));
  588. break;
  589. case "StyleAndFormatting":
  590. sTmp="";
  591. if(this.btnTextFormatting)
  592. sTmp+="<tr><td onclick="modelessDialogShow('"+this.scriptPath+"text1.htm',511,534);"+
  593. "dropStyle"+this.oName+".style.display='none'""+
  594. " style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black;" "+
  595. "onmouseover="this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  596. "onmouseout="this.style.backgroundColor='';this.style.color='#000000';" unselectable=on>"+getText("Text Formatting")+"</td></tr>";
  597. if(this.btnParagraphFormatting)
  598. sTmp+="<tr><td onclick="modelessDialogShow('"+this.scriptPath+"paragraph.htm',440,284);"+
  599. "dropStyle"+this.oName+".style.display='none'""+
  600. " style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black;" "+
  601. "onmouseover="this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  602. "onmouseout="this.style.backgroundColor='';this.style.color='#000000';" unselectable=on>"+getText("Paragraph Formatting")+"</td></tr>";
  603. if(this.btnListFormatting)
  604. sTmp+="<tr><td onclick="modelessDialogShow('"+this.scriptPath+"list.htm',270,335);"+
  605. "dropStyle"+this.oName+".style.display='none'""+
  606. " style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black;" "+
  607. "onmouseover="this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  608. "onmouseout="this.style.backgroundColor='';this.style.color='#000000';" unselectable=on>"+getText("List Formatting")+"</td></tr>";
  609. if(this.btnBoxFormatting)
  610. sTmp+="<tr><td onclick="modelessDialogShow('"+this.scriptPath+"box.htm',438,380);"+
  611. "dropStyle"+this.oName+".style.display='none'""+
  612. " style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black;" "+
  613. "onmouseover="this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  614. "onmouseout="this.style.backgroundColor='';this.style.color='#000000';" unselectable=on>"+getText("Box Formatting")+"</td></tr>";
  615. if(this.btnStyles)
  616. sTmp+="<tr><td onclick="modelessDialogShow('"+this.scriptPath+"styles.htm',360,347);"+
  617. "dropStyle"+this.oName+".style.display='none'""+
  618. " style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black;" "+
  619. "onmouseover="this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  620. "onmouseout="this.style.backgroundColor='';this.style.color='#000000';" unselectable=on>"+getText("Styles")+"</td></tr>";
  621. if(this.btnCssText)
  622. sTmp+= "<tr><td onclick=""+this.oName+".onCustomCssShow();"+
  623. "dropStyle"+this.oName+".style.display='none'""+
  624. " style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black;" "+
  625. "onmouseover="this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  626. "onmouseout="this.style.backgroundColor='';this.style.color='#000000';" unselectable=on>"+getText("Custom CSS")+"</td></tr>";
  627. if(this.btnTextFormatting||this.btnParagraphFormatting||this.btnListFormatting||this.btnBoxFormatting||this.btnStyles||this.btnCssText)
  628. {
  629. sHTMLIcons+=this.writeIconStandard("btnStyleAndFormat"+this.oName,this.oName+".dropShow(this,dropStyle"+this.oName+")","btnStyle.gif",getText("Styles & Formatting"));
  630. sHTMLDropMenus+="<table id=dropStyle"+this.oName+" cellpadding=0 cellspacing=0 "+
  631. "style='z-index:1;display:none;position:absolute;border:#716F64 1px solid;"+
  632. "cursor:default;background-color:#fdfdfd;' unselectable=on>"+
  633. sTmp+"</table>";
  634. }
  635. break;
  636. case "Paragraph":
  637. if(this.btnParagraph)
  638. {
  639. sHTMLDropMenus+="<table id=dropParagraph"+this.oName+" cellpadding=0 cellspacing=0 "+
  640. "style='z-index:1;display:none;position:absolute;border:#716F64 1px solid;"+
  641. "cursor:default;background-color:#fdfdfd;' unselectable=on>";
  642. for(var j=0;j<this.arrParagraph.length;j++)
  643. {
  644. sHTMLDropMenus+="<tr><td onclick=""+this.oName+".applyParagraph('<"+this.arrParagraph[j][1]+">')" "+
  645. "style="padding:0;padding-left:5px;padding-right:5px;font-family:tahoma;color:black;" "+
  646. "onmouseover="this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  647. "onmouseout="this.style.backgroundColor='';this.style.color='#000000';" unselectable=on align=center>"+
  648. "<"+this.arrParagraph[j][1]+" style="margin-bottom:4px"  unselectable=on> "+
  649. this.arrParagraph[j][0]+"</"+this.arrParagraph[j][1]+"></td></tr>";
  650. }
  651. sHTMLDropMenus+="</table>";
  652. sHTMLIcons+=this.writeDropDown("btnParagraph"+this.oName,this.oName+".selectParagraph();"+this.oName+".dropShow(this,dropParagraph"+this.oName+")","btnParagraph.gif",getText("Paragraph"),77);
  653. }
  654. break;
  655. case "FontName":
  656. if(this.btnFontName)
  657. {
  658. sHTMLDropMenus+="<table id=dropFontName"+this.oName+" cellpadding=0 cellspacing=0 "+
  659. "style='z-index:1;display:none;position:absolute;border:#716F64 1px solid;"+
  660. "cursor:default;background-color:#fdfdfd;' unselectable=on><tr><td>";
  662. //~~~~ up to 120 fonts
  663. var numOfFonts=0;
  664. for(var j=0;j<this.arrFontName.length;j++)
  665. {
  666. //if(this.arrFontName[j].length==1)
  667. if(this.arrFontName[j].toString().indexOf(",")==-1)
  668. {
  669. if(this.arrFontName[j]!="serif" &&
  670. this.arrFontName[j]!="sans-serif" &&
  671. this.arrFontName[j]!="cursive" &&
  672. this.arrFontName[j]!="fantasy" &&
  673. this.arrFontName[j]!="monoscape")numOfFonts++;
  674. }
  675. else numOfFonts++;
  676. }
  677. sHTMLDropMenus+="<table cellpadding=0 cellspacing=0>";
  678. for(var j=0;j<this.arrFontName.length;j++)
  679. {
  680. //if(this.arrFontName[j].length==1)
  681. if(this.arrFontName[j].toString().indexOf(",")==-1)
  682. {
  683. if(this.arrFontName[j]!="serif" &&
  684. this.arrFontName[j]!="sans-serif" &&
  685. this.arrFontName[j]!="cursive" &&
  686. this.arrFontName[j]!="fantasy" &&
  687. this.arrFontName[j]!="monoscape")
  688. sHTMLDropMenus+="<tr><td onclick=""+this.oName+".applyFontName('"+this.arrFontName[j]+"')" "+
  689. "style="padding:2px;padding-top:1px;font-family:"+ this.arrFontName[j] +";font-size:11px;color:black;" "+
  690. "onmouseover="if(this.style.backgroundColor=='#708090')this.sel='true';this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  691. "onmouseout="if(this.sel=='true'){this.sel='false'}else{this.style.backgroundColor='';this.style.color='#000000';}" unselectable=on>"+
  692. this.arrFontName[j]+" <span unselectable=on style='font-family:tahoma'>("+ this.arrFontName[j] +")</span></td></tr>";
  693. }
  694. else
  695. {
  696. sHTMLDropMenus+="<tr><td onclick=""+this.oName+".applyFontName('"+this.arrFontName[j][0]+"')" "+
  697. "style="padding:2px;padding-top:1px;font-family:"+ this.arrFontName[j][0] +";font-size:11px;color:black;" "+
  698. "onmouseover="if(this.style.backgroundColor=='#708090')this.sel='true';this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  699. "onmouseout="if(this.sel=='true'){this.sel='false'}else{this.style.backgroundColor='';this.style.color='#000000';}" unselectable=on>"+
  700. this.arrFontName[j][1]+" <span unselectable=on style='font-family:tahoma'>("+ this.arrFontName[j][1] +")</span></td></tr>";
  701. }
  702. if(j==14||j==29||j==44||j==59||j==74||j==89||j==104)
  703. {
  704. if(j!=numOfFonts-1)
  705. {
  706. sHTMLDropMenus+="</table>";
  707. sHTMLDropMenus+="</td><td valign=top style='border-left:#716f64 1 solid'>";//main
  708. sHTMLDropMenus+="<table cellpadding=0 cellspacing=0>";
  709. }
  710. }
  711. }
  712. sHTMLDropMenus+="</table>";
  713. //~~~~
  715. sHTMLDropMenus+="</td></tr></table>";
  716. sHTMLIcons+=this.writeDropDown("btnFontName"+this.oName,this.oName+".expandSelection();"+this.oName+".dropShow(this,dropFontName"+this.oName+");realtimeFontSelect('"+this.oName+"')","btnFontName.gif",getText("Font Name"),77);
  717. }
  718. break;
  719. case "FontSize":
  720. if(this.btnFontSize)
  721. {
  722. sHTMLDropMenus+="<table id=dropFontSize"+this.oName+" cellpadding=0 cellspacing=0 "+
  723. "style='z-index:1;display:none;position:absolute;border:#716F64 1px solid;"+
  724. "cursor:default;background-color:#fdfdfd;' unselectable=on>";
  725. for(var j=0;j<this.arrFontSize.length;j++)
  726. {
  727. sHTMLDropMenus+="<tr><td onclick=""+this.oName+".applyFontSize('"+this.arrFontSize[j][1]+"')" "+
  728. "style="padding:0;padding-left:5px;padding-right:5px;font-family:tahoma;color:black;" "+
  729. "onmouseover="if(this.style.backgroundColor=='#708090')this.sel='true';this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  730. "onmouseout="if(this.sel=='true'){this.sel='false'}else{this.style.backgroundColor='';this.style.color='#000000';}" unselectable=on align=center>"+
  731. "<font unselectable=on size=""+this.arrFontSize[j][1]+"">"+
  732. this.arrFontSize[j][0]+"</font></td></tr>";
  733. }
  734. sHTMLDropMenus+="</table>";
  735. sHTMLIcons+=this.writeDropDown("btnFontSize"+this.oName,this.oName+".expandSelection();"+this.oName+".dropShow(this,dropFontSize"+this.oName+");realtimeSizeSelect('"+this.oName+"')","btnFontSize.gif",getText("Font Size"),60);
  736. }
  737. break;
  738. case "Cut":
  739. if(this.btnCut)sHTMLIcons+=this.writeIconStandard("btnCut"+this.oName,this.oName+".doCmd('Cut')","btnCut.gif",getText("Cut"));
  740. break;
  741. case "Copy":
  742. if(this.btnCopy)sHTMLIcons+=this.writeIconStandard("btnCopy"+this.oName,this.oName+".doCmd('Copy')","btnCopy.gif",getText("Copy"));
  743. break;
  744. case "Paste":
  745. if(this.btnPaste)sHTMLIcons+=this.writeIconStandard("btnPaste"+this.oName,this.oName+".doPaste()","btnPaste.gif",getText("Paste"));
  746. break;
  747. case "PasteWord":
  748. if(this.btnPasteWord)sHTMLIcons+=this.writeIconStandard("btnPasteWord"+this.oName,this.oName+".hide();modelessDialogShow('"+this.scriptPath+"paste_word.htm',400,280)","btnPasteWord.gif",getText("Paste from Word"));
  749. break;
  750. case "PasteText":
  751. if(this.btnPasteText)sHTMLIcons+=this.writeIconStandard("btnPasteText"+this.oName,this.oName+".doPasteText()","btnPasteText.gif",getText("Paste Text"));
  752. break;
  753. case "Undo":
  754. if(this.btnUndo)sHTMLIcons+=this.writeIconStandard("btnUndo"+this.oName,this.oName+".doUndo()","btnUndo.gif",getText("Undo"));
  755. break;
  756. case "Redo":
  757. if(this.btnRedo)sHTMLIcons+=this.writeIconStandard("btnRedo"+this.oName,this.oName+".doRedo()","btnRedo.gif",getText("Redo"));
  758. break;
  759. case "Bold":
  760. if(this.btnBold)sHTMLIcons+=this.writeIconToggle("btnBold"+this.oName,this.oName+".doCmd('Bold')","btnBold.gif",getText("Bold"));
  761. break;
  762. case "Italic":
  763. if(this.btnItalic)sHTMLIcons+=this.writeIconToggle("btnItalic"+this.oName,this.oName+".doCmd('Italic')","btnItalic.gif",getText("Italic"));
  764. break;
  765. case "Underline":
  766. if(this.btnUnderline)sHTMLIcons+=this.writeIconToggle("btnUnderline"+this.oName,this.oName+".doCmd('Underline')","btnUnderline.gif",getText("Underline"));
  767. break;
  768. case "Strikethrough":
  769. if(this.btnStrikethrough)sHTMLIcons+=this.writeIconToggle("btnStrikethrough"+this.oName,this.oName+".doCmd('Strikethrough')","btnStrikethrough.gif",getText("Strikethrough"));
  770. break;
  771. case "Superscript":
  772. if(this.btnSuperscript)sHTMLIcons+=this.writeIconToggle("btnSuperscript"+this.oName,this.oName+".doCmd('Superscript')","btnSuperscript.gif",getText("Superscript"));
  773. break;
  774. case "Subscript":
  775. if(this.btnSubscript)sHTMLIcons+=this.writeIconToggle("btnSubscript"+this.oName,this.oName+".doCmd('Subscript')","btnSubscript.gif",getText("Subscript"));
  776. break;
  777. case "JustifyLeft":
  778. if(this.btnJustifyLeft)sHTMLIcons+=this.writeIconToggle("btnJustifyLeft"+this.oName,this.oName+".applyJustifyLeft()","btnLeft.gif",getText("Justify Left"));
  779. break;
  780. case "JustifyCenter":
  781. if(this.btnJustifyCenter)sHTMLIcons+=this.writeIconToggle("btnJustifyCenter"+this.oName,this.oName+".applyJustifyCenter()","btnCenter.gif",getText("Justify Center"));
  782. break;
  783. case "JustifyRight":
  784. if(this.btnJustifyRight)sHTMLIcons+=this.writeIconToggle("btnJustifyRight"+this.oName,this.oName+".applyJustifyRight()","btnRight.gif",getText("Justify Right"));
  785. break;
  786. case "JustifyFull":
  787. if(this.btnJustifyFull)sHTMLIcons+=this.writeIconToggle("btnJustifyFull"+this.oName,this.oName+".applyJustifyFull()","btnFull.gif",getText("Justify Full"));
  788. break;
  789. case "Numbering":
  790. if(this.btnNumbering)sHTMLIcons+=this.writeIconToggle("btnNumbering"+this.oName,this.oName+".applyNumbering()","btnNumber.gif",getText("Numbering"));
  791. break;
  792. case "Bullets":
  793. if(this.btnBullets)sHTMLIcons+=this.writeIconToggle("btnBullets"+this.oName,this.oName+".applyBullets()","btnList.gif",getText("Bullets"));
  794. break;
  795. case "Indent":
  796. if(this.btnIndent)sHTMLIcons+=this.writeIconStandard("btnIndent"+this.oName,this.oName+".doCmd('Indent')","btnIndent.gif",getText("Indent"));
  797. break;
  798. case "Outdent":
  799. if(this.btnOutdent)sHTMLIcons+=this.writeIconStandard("btnOutdent"+this.oName,this.oName+".doCmd('Outdent')","btnOutdent.gif",getText("Outdent"));
  800. break;
  801. case "LTR":
  802. if(this.btnLTR)sHTMLIcons+=this.writeIconToggle("btnLTR"+this.oName,this.oName+".applyBlockDirLTR()","btnLTR.gif",getText("Left To Right"));
  803. break;
  804. case "RTL":
  805. if(this.btnRTL)sHTMLIcons+=this.writeIconToggle("btnRTL"+this.oName,this.oName+".applyBlockDirRTL()","btnRTL.gif",getText("Right To Left"));
  806. break;
  807. case "ForeColor":
  808. if(this.btnForeColor)sHTMLIcons+=this.writeIconStandard("btnForeColor"+this.oName,this.oName+".expandSelection();"+this.oName+".oColor1.show(this)","btnForeColor.gif",getText("Foreground Color"));
  809. break;
  810. case "BackColor":
  811. if(this.btnBackColor)sHTMLIcons+=this.writeIconStandard("btnBackColor"+this.oName,this.oName+".expandSelection();"+this.oName+".oColor2.show(this)","btnBackColor.gif",getText("Background Color"));
  812. break;
  813. case "Bookmark":
  814. if(this.btnBookmark)sHTMLIcons+=this.writeIconStandard("btnBookmark"+this.oName,this.oName+".hide();modelessDialogShow('"+this.scriptPath+"bookmark.htm',245,216)","btnBookmark.gif",getText("Bookmark"));
  815. break;
  816. case "Hyperlink":
  817. if(this.btnHyperlink)sHTMLIcons+=this.writeIconStandard("btnHyperlink"+this.oName,this.oName+".hide();modelessDialogShow('"+this.scriptPath+"hyperlink.htm',380,200)","btnHyperlink.gif",getText("Hyperlink"));
  818. break;
  819. case "CustomTag":
  820. if(this.btnCustomTag)
  821. {
  822. sHTMLDropMenus+="<table id=dropCustomTag"+this.oName+" cellpadding=0 cellspacing=0 "+
  823. "style='z-index:1;display:none;position:absolute;border:#716F64 1px solid;"+
  824. "cursor:default;background-color:#fdfdfd;' unselectable=on><tr><td valign=top>";
  826. //~~~~ up to 120 tags
  827. sHTMLDropMenus+="<table cellpadding=0 cellspacing=0>";
  828. for(var j=0;j<this.arrCustomTag.length;j++)
  829. {
  830. sHTMLDropMenus+="<tr><td onclick=""+this.oName+".insertCustomTag('"+this.arrCustomTag[j][1]+"')" "+
  831. "style="padding:1px;padding-left:5px;padding-right:5px;font-family:tahoma;font-size:11px;color:black;" "+
  832. "onmouseover="this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  833. "onmouseout="this.style.backgroundColor='';this.style.color='#000000';" unselectable=on align=center>"+
  834. this.arrCustomTag[j][0]+"</td></tr>";
  836. if(j==14||j==29||j==44||j==59||j==74||j==89||j==104)
  837. {
  838. if(j!=this.arrCustomTag.length-1)
  839. {
  840. sHTMLDropMenus+="</table>";
  841. sHTMLDropMenus+="</td><td valign=top style='border-left:#716f64 1 solid'>";//main
  842. sHTMLDropMenus+="<table cellpadding=0 cellspacing=0>";
  843. }
  844. }
  845. }
  846. sHTMLDropMenus+="</table>";
  847. //~~~~
  849. sHTMLDropMenus+="</td></tr></table>";
  850. sHTMLIcons+=this.writeDropDown("btnCustomTag"+this.oName,this.oName+".dropShow(this,dropCustomTag"+this.oName+")","btnCustomTag.gif",getText("Tags"),60);
  851. }
  852. break;
  853. case "Image":
  854. if(this.btnImage)sHTMLIcons+=this.writeIconStandard("btnImage"+this.oName,this.oName+".hide();modelessDialogShow('"+this.scriptPath+"image.htm',440,351)","btnImage.gif",getText("Image"));
  855. break;
  856. case "Flash":
  857. if(this.btnFlash)sHTMLIcons+=this.writeIconStandard("btnFlash"+this.oName,this.oName+".hide();modelessDialogShow('"+this.scriptPath+"flash.htm',340,275)","btnFlash.gif",getText("Flash"));
  858. break;
  859. case "Media":
  860. if(this.btnMedia)sHTMLIcons+=this.writeIconStandard("btnMedia"+this.oName,this.oName+".hide();modelessDialogShow('"+this.scriptPath+"media.htm',340,272)","btnMedia.gif",getText("Media"));
  861. break;
  862. case "ContentBlock":
  863. if(this.btnContentBlock)sHTMLIcons+=this.writeIconStandard("btnContentBlock"+this.oName,this.oName+".hide();"+this.cmdContentBlock,"btnContentBlock.gif",getText("Content Block"));
  864. break;
  865. case "InternalLink":
  866. if(this.btnInternalLink)sHTMLIcons+=this.writeIconStandard("btnInternalLink"+this.oName,this.oName+".hide();"+this.cmdInternalLink,"btnInternalLink.gif",getText("Internal Link"));
  867. break;
  868. case "CustomObject":
  869. if(this.btnCustomObject)sHTMLIcons+=this.writeIconStandard("btnCustomObject"+this.oName,this.oName+".hide();"+this.cmdCustomObject,"btnCustomObject.gif",getText("Object"));
  870. break;
  871. case "Table":
  872. if(this.btnTable)
  873. {
  874. sHTMLDropMenus+="<table id=dropTable"+this.oName+" cellpadding=0 cellspacing=0 "+
  875. "style='z-index:1;display:none;position:absolute;border:#716F64 1px solid;"+
  876. "cursor:default;background-color:#fdfdfd;' unselectable=on>"+
  877. "<tr><td id="mnuTableSize"+this.oName+"" onclick="if(this.style.color!='gray'){modelessDialogShow('"+this.scriptPath+"table_size.htm',240,262);"+
  878. " dropTable"+this.oName+".style.display='none'}""+
  879. " style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black""+
  880. " onmouseover="if(this.style.color!='gray'){this.style.backgroundColor='#708090';this.style.color='#FFFFFF';}""+
  881. " onmouseout="if(this.style.color!='gray'){this.style.backgroundColor='';this.style.color='#000000';}" unselectable=on>"+getText("Table Size")+" </td></tr>"+
  882. "<tr><td id="mnuTableEdit"+this.oName+"" onclick="if(this.style.color!='gray'){modelessDialogShow('"+this.scriptPath+"table_edit.htm',358,360);"+
  883. " dropTable"+this.oName+".style.display='none'}""+
  884. " style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black""+
  885. " onmouseover="if(this.style.color!='gray'){this.style.backgroundColor='#708090';this.style.color='#FFFFFF';}""+
  886. " onmouseout="if(this.style.color!='gray'){this.style.backgroundColor='';this.style.color='#000000';}" unselectable=on>"+getText("Edit Table")+" </td></tr>"+
  887. "<tr><td id="mnuCellEdit"+this.oName+"" onclick="if(this.style.color!='gray'){modelessDialogShow('"+this.scriptPath+"table_editCell.htm',427,440);"+
  888. " dropTable"+this.oName+".style.display='none'}""+
  889. " style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black""+
  890. " onmouseover="if(this.style.color!='gray'){this.style.backgroundColor='#708090';this.style.color='#FFFFFF';}""+
  891. " onmouseout="if(this.style.color!='gray'){this.style.backgroundColor='';this.style.color='#000000';}" unselectable=on>"+getText("Edit Cell")+" </td></tr>"+
  892. "</table>";
  894. sHTMLDropMenus+="<table width=195 id=dropTableCreate"+this.oName+" onmouseout='doOut_TabCreate();event.cancelBubble=true' style='position:absolute;display:none;cursor:default;background:#f3f3f3;border:#8a867a 1px solid;' cellpadding=0 cellspacing=2 border=0 unselectable=on>";
  895. for(var m=0;m<8;m++)
  896. {
  897. sHTMLDropMenus+="<tr>";
  898. for(var n=0;n<8;n++)
  899. {
  900. sHTMLDropMenus+="<td onclick='"+this.oName+".doClick_TabCreate()' onmouseover='doOver_TabCreate()' style='background:#ffffff;font-size:1px;border:#8a867a 1px solid;width:20px;height:20px;' unselectable=on>&nbsp;</td>";
  901. }
  902. sHTMLDropMenus+="</tr>";
  903. }
  904. sHTMLDropMenus+="<tr><td colspan=8 onclick=""+this.oName+".hide();modelessDialogShow('"+this.scriptPath+"table_insert.htm',300,322);" onmouseover="this.innerText='"+getText("Advanced Table Insert")+"';this.style.border='#777777 1px solid';this.style.backgroundColor='#8d9aa7';this.style.color='#ffffff'" onmouseout="this.style.border='#f3f3f3 1px solid';this.style.backgroundColor='#f3f3f3';this.style.color='#000000'" align=center style='font-family:verdana;font-size:10px;font-color:black;border:#f3f3f3 1px solid;' unselectable=on>"+getText("Advanced Table Insert")+"</td></tr>";
  905. sHTMLDropMenus+="</table>";
  907. sHTMLIcons+=this.writeIconStandard("btnTable"+this.oName,this.oName+".dropShow(this,dropTableCreate"+this.oName+")","btnTable.gif",getText("Insert Table"));
  908. sHTMLIcons+=this.writeIconStandard("btnTableEdit"+this.oName,this.oName+".dropShow(this,dropTable"+this.oName+")","btnTableEdit.gif",getText("Edit Table/Cell"));
  909. }
  910. break;
  911. case "Guidelines":
  912. if(this.btnGuidelines)sHTMLIcons+=this.writeIconStandard("btnGuidelines"+this.oName,this.oName+".runtimeBorder(true)","btnGuideline.gif",getText("Show/Hide Guidelines"));
  913. break;
  914. case "Absolute":
  915. if(this.btnAbsolute)sHTMLIcons+=this.writeIconStandard("btnAbsolute"+this.oName,this.oName+".makeAbsolute()","btnAbsolute.gif",getText("Absolute"));
  916. break;
  917. case "Characters":
  918. if(this.btnCharacters)sHTMLIcons+=this.writeIconStandard("btnCharacters"+this.oName,this.oName+".hide();modelessDialogShow('"+this.scriptPath+"characters.htm',495,162)","btnSymbol.gif",getText("Special Characters"));
  919. break;
  920. case "Line":
  921. if(this.btnLine)sHTMLIcons+=this.writeIconStandard("btnLine"+this.oName,this.oName+".doCmd('InsertHorizontalRule')","btnLine.gif",getText("Line"));
  922. break;
  923. case "Form":
  924. if(this.btnForm)
  925. {
  926. var arrFormMenu = [[getText("Form"),"form_form.htm","280","177"],
  927. [getText("Text Field"),"form_text.htm","285","289"],
  928. [getText("List"),"form_list.htm","295","332"],
  929. [getText("Checkbox"),"form_check.htm","235","174"],
  930. [getText("Radio Button"),"form_radio.htm","235","177"],
  931. [getText("Hidden Field"),"form_hidden.htm","235","152"],
  932. [getText("File Field"),"form_file.htm","235","132"],
  933. [getText("Button"),"form_button.htm","235","174"]];
  934. sHTMLIcons+=this.writeIconStandard("btnForm"+this.oName,this.oName+".dropShow(this,dropForm"+this.oName+")","btnForm.gif",getText("Form Editor"));
  935. sHTMLDropMenus+="<table id=dropForm"+this.oName+" cellpadding=0 cellspacing=0 "+
  936. "style='z-index:1;display:none;position:absolute;border:#716F64 1px solid;"+
  937. "cursor:default;background-color:#fdfdfd;' unselectable=on>";
  938. for(var j=0;j<arrFormMenu.length;j++)
  939. {
  940. sHTMLDropMenus+="<tr><td onclick="modelessDialogShow('"+this.scriptPath + arrFormMenu[j][1]+"',"+arrFormMenu[j][2]+","+arrFormMenu[j][3]+");"+
  941. "dropForm"+this.oName+".style.display='none'""+
  942. " style="padding:2px;padding-top:1px;font-family:Tahoma;font-size:11px;color:black;" "+
  943. "onmouseover="this.style.backgroundColor='#708090';this.style.color='#FFFFFF';" "+
  944. "onmouseout="this.style.backgroundColor='';this.style.color='#000000';" unselectable=on>"+arrFormMenu[j][0]+"</td></tr>";
  945. }
  946. sHTMLDropMenus+="</table>";
  947. }
  948. break;
  949. case "Clean":
  950. if(this.btnClean)sHTMLIcons+=this.writeIconStandard("btnClean"+this.oName,this.oName+".doClean()","btnRemoveFormat.gif",getText("Clean"));
  951. break;
  952. case "HTMLFullSource":
  953. if(this.btnHTMLFullSource)sHTMLIcons+=this.writeIconStandard("btnHTMLFullSource"+this.oName,"setActiveEditor('"+this.oName+"');"+this.oName+".hide();modalDialogShow('"+this.scriptPath+"source_html_full.htm',600,450);","btnSource.gif",getText("View/Edit Source"));
  954. break;
  955. case "HTMLSource":
  956. if(this.btnHTMLSource)sHTMLIcons+=this.writeIconStandard("btnHTMLSource"+this.oName,"setActiveEditor('"+this.oName+"');"+this.oName+".hide();modalDialogShow('"+this.scriptPath+"source_html.htm',600,450);","btnSource.gif",getText("View/Edit Source"));
  957. break;
  958. case "XHTMLFullSource":
  959. if(this.btnXHTMLFullSource)sHTMLIcons+=this.writeIconStandard("btnXHTMLFullSource"+this.oName,"setActiveEditor('"+this.oName+"');"+this.oName+".hide();modalDialogShow('"+this.scriptPath+"source_xhtml_full.htm',600,450);","btnSource.gif",getText("View/Edit Source"));
  960. break;
  961. case "XHTMLSource":
  962. if(this.btnXHTMLSource)sHTMLIcons+=this.writeIconStandard("btnXHTMLSource"+this.oName,"setActiveEditor('"+this.oName+"');"+this.oName+".hide();modalDialogShow('"+this.scriptPath+"source_xhtml.htm',600,450);","btnSource.gif",getText("View/Edit Source"));
  963. break;
  964. case "ClearAll":
  965. if(this.btnClearAll)sHTMLIcons+=this.writeIconStandard("btnClearAll"+this.oName,this.oName+".clearAll()","btnDelete.gif",getText("Clear All"));
  966. break;
  967. default:
  968. for(j=0;j<this.arrCustomButtons.length;j++)
  969. {
  970. if(sButtonName==this.arrCustomButtons[j][0])
  971. {
  972. sCbName=this.arrCustomButtons[j][0];
  973. //sCbCommand=this.arrCustomButtons[j][1];
  974. sCbCaption=this.arrCustomButtons[j][2];
  975. sCbImage=this.arrCustomButtons[j][3];
  976. sHTMLIcons+=this.writeIconStandard("btn"+sCbName+this.oName,"eval("+this.oName+".arrCustomButtons["+j+"][1])",sCbImage,sCbCaption);
  977. }
  978. }
  979. break;
  980. }
  981. }
  983. var sHTML="";
  985. if(!document.getElementById("id_refresh_z_index"))
  986. sHTML+="<div id=id_refresh_z_index style='margin:0'></div>";
  988. sHTML+="<table id=idArea"+this.oName+" name=idArea"+this.oName+" border=0 "+
  989. "cellpadding=0 cellspacing=0 width='"+this.width+"' height='"+this.height+"'>"+
  990. //"<tr><td colspan=2 bgcolor=#ffffff style="padding:1px;border:#cfcfcf 1px solid;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ebebeb);">"+
  991. "<tr><td colspan=2 style="padding:1px;border:#cfcfcf 1px solid;background:url('"+this.scriptPath+"icons/bg.gif')">"+
  992. "<table cellpadding=0 cellspacing=0><tr><td dir=ltr>"+
  993. sHTMLIcons+
  994. "</td></tr></table>"+
  995. "</td></tr>"+
  996. "<tr id=idTagSelTopRow"+this.oName+"><td colspan=2 id=idTagSelTop"+this.oName+" height=0></td></tr>";
  998. sHTML+="<tr><td colspan=2 valign=top height=100% style='background:white'>";
  1000. if(this.IsSecurityRestricted)
  1001. sHTML+="<iframe security='restricted' style='width:100%;height:100%;margin-top:1px;' src='"+this.scriptPath+"blank.gif'"+
  1002. " name=idContent"+ this.oName + " id=idContent"+this.oName+
  1003. " contentEditable=true></iframe>";//prohibit running ActiveX controls
  1004. else
  1005. sHTML+="<iframe style='width:100%;height:100%;margin-top:1px;' src='"+this.scriptPath+"blank.gif'"+
  1006. " name=idContent"+ this.oName + " id=idContent"+this.oName+
  1007. " contentEditable=true></iframe>";
  1009. //Paste From Word
  1010. sHTML+="<iframe style='width:1px;height:1px;overflow:auto;' src='"+this.scriptPath+"blank.gif'"+
  1011. " name=idContentWord"+ this.oName +" id=idContentWord"+ this.oName+
  1012. " contentEditable=true onfocus='"+this.oName+".hide()'></iframe>";
  1014. if(this.css!="")
  1015. {
  1016. document.write("<iframe id="myStyle"+this.oName+"" name="myStyle"+this.oName+"" src='"+this.scriptPath+"blank.gif' style="display:none"></iframe>");
  1017. }
  1019. sHTML+="</td></tr>";
  1020. sHTML+="<tr id=idTagSelBottomRow"+this.oName+"><td colspan=2 id=idTagSelBottom"+this.oName+"></td></tr>";
  1021. sHTML+="</table>";
  1023. sHTML+=sHTMLDropMenus;//dropdown
  1025. document.write(sHTML);
  1027. //Render Color Picker (forecolor)
  1028. this.oColor1.url=this.scriptPath+"color_picker_fg.htm";
  1029. this.oColor1.onShow = new Function(this.oName+".hide()");
  1030. this.oColor1.onMoreColor = new Function(this.oName+".hide()");
  1031. this.oColor1.onPickColor = new Function(this.oName+".applyColor('ForeColor',eval('"+this.oName+"').oColor1.color)");
  1032. this.oColor1.onRemoveColor = new Function(this.oName+".applyColor('ForeColor','')");
  1033. this.oColor1.txtCustomColors=getText("Custom Colors");
  1034. this.oColor1.txtMoreColors=getText("More Colors...");
  1035. this.oColor1.RENDER();
  1037. //Render Color Picker (backcolor)
  1038. this.oColor2.url=this.scriptPath+"color_picker_bg.htm";
  1039. this.oColor2.onShow = new Function(this.oName+".hide()");
  1040. this.oColor2.onMoreColor = new Function(this.oName+".hide()");
  1041. this.oColor2.onPickColor = new Function(this.oName+".applyColor('BackColor',eval('"+this.oName+"').oColor2.color)");
  1042. this.oColor2.onRemoveColor = new Function(this.oName+".applyColor('BackColor','')");
  1043. this.oColor2.txtCustomColors=getText("Custom Colors");
  1044. this.oColor2.txtMoreColors=getText("More Colors...");
  1045. this.oColor2.RENDER();
  1047. if(this.useTagSelector)
  1048. {
  1049. if(this.TagSelectorPosition=="bottom")this.TagSelectorPosition="top";
  1050. else this.TagSelectorPosition="bottom";
  1051. this.moveTagSelector()
  1052. }
  1054. //paste from word temp storage
  1055. var oWord=eval("idContentWord"+this.oName);
  1056. oWord.document.designMode="on";
  1057. oWord.document.open("text/html","replace");
  1058. oWord.document.write("<html><head></head><body></body></html>");
  1059. oWord.document.close();
  1060. oWord.document.body.contentEditable=true;
  1062. oUtil.oName=this.oName;//default active editor
  1063. oUtil.oEditor=eval("idContent"+this.oName);
  1064. oUtil.obj=eval(this.oName);
  1066. oUtil.arrEditor.push(this.oName);
  1068. var arrA = String(this.preloadHTML).match(/<HTML[^>]*>/ig);
  1069. if(arrA)
  1070. {//full html
  1071. this.loadHTML("");
  1072. //this.preloadHTML is required here. Can't use sPreloadHTML as in:
  1073. //window.setTimeout(this.oName+".putHTML("+sPreloadHTML+")",0);
  1074. window.setTimeout(this.oName+".putHTML("+this.oName+".preloadHTML)",0);
  1075. //window.setTimeout utk fix swf loading.
  1076. //Utk loadHTML & putHTML yg di SourceEditor tdk masalah
  1077. }
  1078. else
  1079. {
  1080. this.loadHTML(sPreloadHTML)
  1081. }
  1083. if(this.btnTable)
  1084. {
  1085. this.arrElm[0]=this.getElm("btnTableEdit");
  1086. this.arrElm[1]=this.getElm("mnuTableSize");
  1087. this.arrElm[2]=this.getElm("mnuTableEdit");
  1088. this.arrElm[3]=this.getElm("mnuCellEdit");
  1089. }
  1090. if(this.btnParagraph)this.arrElm[4]=this.getElm("btnParagraph");
  1091. if(this.btnFontName)this.arrElm[5]=this.getElm("btnFontName");
  1092. if(this.btnFontSize)this.arrElm[6]=this.getElm("btnFontSize");
  1093. if(this.btnCut)this.arrElm[7]=this.getElm("btnCut");
  1094. if(this.btnCopy)this.arrElm[8]=this.getElm("btnCopy");
  1095. if(this.btnPaste)this.arrElm[9]=this.getElm("btnPaste");
  1096. if(this.btnPasteWord)this.arrElm[10]=this.getElm("btnPasteWord");
  1097. if(this.btnPasteText)this.arrElm[11]=this.getElm("btnPasteText");
  1098. if(this.btnUndo)this.arrElm[12]=this.getElm("btnUndo");
  1099. if(this.btnRedo)this.arrElm[13]=this.getElm("btnRedo");
  1100. if(this.btnBold)this.arrElm[14]=this.getElm("btnBold");
  1101. if(this.btnItalic)this.arrElm[15]=this.getElm("btnItalic");
  1102. if(this.btnUnderline)this.arrElm[16]=this.getElm("btnUnderline");
  1103. if(this.btnStrikethrough)this.arrElm[17]=this.getElm("btnStrikethrough");
  1104. if(this.btnSuperscript)this.arrElm[18]=this.getElm("btnSuperscript");
  1105. if(this.btnSubscript)this.arrElm[19]=this.getElm("btnSubscript");
  1106. if(this.btnNumbering)this.arrElm[20]=this.getElm("btnNumbering");
  1107. if(this.btnBullets)this.arrElm[21]=this.getElm("btnBullets");
  1108. if(this.btnJustifyLeft)this.arrElm[22]=this.getElm("btnJustifyLeft");
  1109. if(this.btnJustifyCenter)this.arrElm[23]=this.getElm("btnJustifyCenter");
  1110. if(this.btnJustifyRight)this.arrElm[24]=this.getElm("btnJustifyRight");
  1111. if(this.btnJustifyFull)this.arrElm[25]=this.getElm("btnJustifyFull");
  1112. if(this.btnIndent)this.arrElm[26]=this.getElm("btnIndent");
  1113. if(this.btnOutdent)this.arrElm[27]=this.getElm("btnOutdent");
  1114. if(this.btnLTR)this.arrElm[28]=this.getElm("btnLTR");
  1115. if(this.btnRTL)this.arrElm[29]=this.getElm("btnRTL");
  1116. if(this.btnForeColor)this.arrElm[30]=this.getElm("btnForeColor");
  1117. if(this.btnBackColor)this.arrElm[31]=this.getElm("btnBackColor");
  1118. if(this.btnLine)this.arrElm[32]=this.getElm("btnLine");
  1119. }
  1121. function iwe_getElm(s)
  1122. {
  1123. return document.getElementById(s+this.oName)
  1124. }
  1126. /*********************
  1127. COLOR PICKER
  1128. **********************/
  1129. var arrColorPickerObjects=[];
  1130. function ColorPicker(sName,sParent)
  1131. {
  1132. this.oParent=sParent;
  1133. if(sParent)
  1134. {
  1135. this.oName=sParent+"."+sName;
  1136. this.oRenderName=sName+sParent;
  1137. }
  1138. else
  1139. {
  1140. this.oName=sName;
  1141. this.oRenderName=sName;
  1142. }
  1143. arrColorPickerObjects.push(this.oName);
  1145. this.url="color_picker.htm";
  1146. this.onShow=function(){return true;};
  1147. this.onHide=function(){return true;};
  1148. this.onPickColor=function(){return true;};
  1149. this.onRemoveColor=function(){return true;};
  1150. this.onMoreColor=function(){return true;};
  1151. this.show=showColorPicker;
  1152. this.hide=hideColorPicker;
  1153. this.hideAll=hideColorPickerAll;
  1154. this.color;
  1155. this.customColors=[];
  1156. this.refreshCustomColor=refreshCustomColor;
  1157. this.isActive=false;
  1158. this.txtCustomColors="Custom Colors";
  1159. this.txtMoreColors="More Colors...";
  1160. this.align="left";
  1161. this.currColor="#ffffff";//default current color
  1162. this.RENDER=drawColorPicker;
  1163. }
  1164. function drawColorPicker()
  1165. {
  1166. var arrColors=[["#800000","#8b4513","#006400","#2f4f4f","#000080","#4b0082","#800080","#000000"],
  1167. ["#ff0000","#daa520","#6b8e23","#708090","#0000cd","#483d8b","#c71585","#696969"],
  1168. ["#ff4500","#ffa500","#808000","#4682b4","#1e90ff","#9400d3","#ff1493","#a9a9a9"],
  1169. ["#ff6347","#ffd700","#32cd32","#87ceeb","#00bfff","#9370db","#ff69b4","#dcdcdc"],
  1170. ["#ffdab9","#ffffe0","#98fb98","#e0ffff","#87cefa","#e6e6fa","#dda0dd","#ffffff"]];
  1171. var sHTMLColor="<table id=dropColor"+this.oRenderName+" style="z-index:1;display:none;position:absolute;border:#716F64 1px solid;cursor:default;background-color:#f3f3f3;padding:2px" unselectable=on cellpadding=0 cellspacing=0 width=143 height=109><tr><td unselectable=on>";
  1172. sHTMLColor+="<table align=center cellpadding=0 cellspacing=0 border=0 unselectable=on>";
  1173. for(var i=0;i<arrColors.length;i++)
  1174. {
  1175. sHTMLColor+="<tr>";
  1176. for(var j=0;j<arrColors[i].length;j++)
  1177. sHTMLColor+="<td onclick=""+this.oName+".color='"+arrColors[i][j]+"';"+this.oName+".onPickColor();"+this.oName+".currColor='"+arrColors[i][j]+"';"+this.oName+".hideAll()" onmouseover="this.style.border='#777777 1px solid'" onmouseout="this.style.border='#efefef 1px solid'" style="cursor:default;padding:1px;border:#efefef 1px solid;" unselectable=on>"+
  1178. "<table style='margin:0;width:13px;height:13px;background:"+arrColors[i][j]+";border:white 1px solid' cellpadding=0 cellspacing=0 unselectable=on>"+
  1179. "<tr><td unselectable=on></td></tr>"+
  1180. "</table></td>";
  1181. sHTMLColor+="</tr>";
  1182. }
  1184. //~~~ custom colors ~~~~
  1185. sHTMLColor+="<tr><td colspan=8 id=idCustomColor"+this.oRenderName+"></td></tr>";
  1187. //~~~ remove color & more colors ~~~~
  1188. sHTMLColor+= "<tr>";
  1189. sHTMLColor+= "<td unselectable=on>"+
  1190. "<table style='margin-left:1px;width:14px;height:14px;background:#f3f3f3;' cellpadding=0 cellspacing=0 unselectable=on>"+
  1191. "<tr><td onclick=""+this.oName+".onRemoveColor();"+this.oName+".currColor='';"+this.oName+".hideAll()" onmouseover="this.style.border='#777777 1px solid'" onmouseout="this.style.border='white 1px solid'" style="cursor:default;padding:1px;border:white 1px solid;font-family:verdana;font-size:10px;font-color:black;line-height:9px;" align=center valign=top unselectable=on>x</td></tr>"+
  1192. "</table></td>";
  1193. sHTMLColor+= "<td colspan=7 unselectable=on>"+
  1194. "<table style='margin:1px;width:117px;height:16px;background:#f3f3f3;border:#f3f3f3 1px solid' cellpadding=0 cellspacing=0 unselectable=on>"+
  1195. "<tr><td onclick=""+this.oName+".onMoreColor();"+this.oName+".hideAll();window.showModelessDialog('"+this.url+"',[window,'"+this.oName+"'],'dialogWidth:432px;dialogHeight:427px;edge:Raised;center:1;help:0;resizable:1;')" onmouseover="this.style.border='#777777 1px solid';this.style.background='#8d9aa7';this.style.color='#ffffff'" onmouseout="this.style.border='#efefef 1px solid';this.style.background='#f3f3f3';this.style.color='#000000'" style="cursor:default;padding:1px;border:#efefef 1px solid" style="font-family:verdana;font-size:9px;font-color:black;line-height:9px;padding:1px" align=center valign=top nowrap unselectable=on>"+this.txtMoreColors+"</td></tr>"+
  1196. "</table></td>";
  1197. sHTMLColor+= "</tr>";
  1199. sHTMLColor+= "</table>";
  1200. sHTMLColor+="</td></tr></table>";
  1201. document.write(sHTMLColor);
  1202. }
  1203. function refreshCustomColor()
  1204. {
  1205. this.customColors=eval(this.oParent).customColors;//[CUSTOM] (Get from public definition)
  1207. if(this.customColors.length==0)
  1208. {
  1209. eval("idCustomColor"+this.oRenderName).innerHTML="";
  1210. return;
  1211. }
  1212. sHTML="<table cellpadding=0 cellspacing=0 width=100%><tr><td colspan=8 style="font-family:verdana;font-size:9px;font-color:black;line-height:9px;padding:1">"+this.txtCustomColors+":</td></tr></table>";
  1213. sHTML+="<table cellpadding=0 cellspacing=0><tr>";
  1214. for(var i=0;i<this.customColors.length;i++)
  1215. {
  1216. if(i<22)
  1217. {
  1218. if(i==8||i==16||i==24||i==32)sHTML+="</tr></table><table cellpadding=0 cellspacing=0><tr>";
  1219. sHTML+="<td onclick=""+this.oName+".color='"+this.customColors[i]+"';"+this.oName+".onPickColor()" onmouseover="this.style.border='#777777 1px solid'" onmouseout="this.style.border='#efefef 1px solid'" style="cursor:default;padding:1px;border:#efefef 1px solid;" unselectable=on>"+
  1220. " <table  style='margin:0;width:13;height:13;background:"+this.customColors[i]+";border:white 1px solid' cellpadding=0 cellspacing=0 unselectable=on>"+
  1221. " <tr><td unselectable=on></td></tr>"+
  1222. " </table>"+
  1223. "</td>";
  1224. }
  1225. }
  1226. sHTML+="</tr></table>";
  1227. eval("idCustomColor"+this.oRenderName).innerHTML=sHTML;
  1228. }
  1229. function showColorPicker(oEl)
  1230. {
  1231. this.onShow();
  1232. this.hideAll();
  1233. var box=eval("dropColor"+this.oRenderName);
  1234. box.style.display="block";
  1235. var nTop=0;
  1236. var nLeft=0;
  1238. oElTmp=oEl;
  1239. while(oElTmp.tagName!="BODY" && oElTmp.tagName!="HTML")
  1240. {
  1241. if(oElTmp.style.top!="")
  1242. nTop+=oElTmp.style.top.substring(1,oElTmp.style.top.length-2)*1;
  1243. else nTop+=oElTmp.offsetTop;
  1244. oElTmp = oElTmp.offsetParent;
  1245. }
  1246. oElTmp=oEl;
  1247. while(oElTmp.tagName!="BODY" && oElTmp.tagName!="HTML")
  1248. {
  1249. if(oElTmp.style.left!="")
  1250. nLeft+=oElTmp.style.left.substring(1,oElTmp.style.left.length-2)*1;
  1251. else nLeft+=oElTmp.offsetLeft;
  1252. oElTmp=oElTmp.offsetParent;
  1253. }
  1255. if(this.align=="left") box.style.left=nLeft;
  1256. else box.style.left=nLeft-143+oEl.offsetWidth;
  1258. box.style.top=nTop+1+oUtil.obj.dropTopAdjustment;//[CUSTOM]
  1259. //box.style.top=nTop+1+oEl.offsetHeight;//[CUSTOM]
  1261. this.isActive=true;
  1262. this.refreshCustomColor();
  1263. }
  1264. function hideColorPicker()
  1265. {
  1266. this.onHide();
  1267. var box=eval("dropColor"+this.oRenderName);
  1268. box.style.display="none";
  1269. this.isActive=false;
  1270. }
  1271. function hideColorPickerAll()
  1272. {
  1273. for(var i=0;i<arrColorPickerObjects.length;i++)
  1274. {
  1275. var box=eval("dropColor"+eval(arrColorPickerObjects[i]).oRenderName);
  1276. box.style.display="none";
  1277. eval(arrColorPickerObjects[i]).isActive=false;
  1278. }
  1279. }
  1281. /*********************
  1282. CONTENT
  1283. **********************/
  1284. function loadHTML(sHTML)//hanya utk first load.
  1285. {
  1286. var oEditor=eval("idContent"+this.oName);
  1288. var oDoc=oEditor.document.open("text/html","replace");
  1289. if(this.publishingPath!="")
  1290. {
  1291. var arrA = String(this.preloadHTML).match(/<base[^>]*>/ig);
  1292. if(!arrA)
  1293. {//if no <base> found
  1294. sHTML=this.docType+"<HTML><HEAD><BASE HREF=""+this.publishingPath+""/>"+this.headContent+"</HEAD><BODY contentEditable=true>" + sHTML + "</BODY></HTML>";
  1295. //kalau cuma tambah <HTML><HEAD></HEAD><BODY.. tdk apa2.
  1296. }
  1297. }
  1298. else
  1299. {
  1300. sHTML=this.docType+"<HTML><HEAD>"+this.headContent+"</HEAD><BODY contentEditable=true>"+sHTML+"</BODY></HTML>";
  1301. }
  1302. oDoc.write(sHTML);
  1303. oDoc.close();
  1305. oEditor.document.body.contentEditable=true;
  1306. oEditor.document.execCommand("2D-Position", true, true);//make focus
  1307. oEditor.document.execCommand("MultipleSelection", true, true);//make focus
  1308. oEditor.document.execCommand("LiveResize", true, true);//make focus
  1310. //RealTime
  1311. oEditor.document.body.onkeydown = new Function("editorDoc_onkeydown('"+this.oName+"')");
  1312. oEditor.document.body.onkeyup = new Function("editorDoc_onkeyup('"+this.oName+"')");
  1313. oEditor.document.body.onmouseup = new Function("editorDoc_onmouseup('"+this.oName+"')");
  1315. //Save for Undo
  1316. oEditor.document.body.onpaste = new Function(this.oName+".doOnPaste()");
  1317. oEditor.document.body.oncut = new Function(this.oName+".saveForUndo()");
  1319. //Styles
  1320. if(this.arrStyle.length>0)
  1321. {
  1322. var oElement=oEditor.document.createElement("<STYLE>");
  1323. oEditor.document.documentElement.childNodes[0].appendChild(oElement);
  1324. for(var i=0;i<this.arrStyle.length;i++)
  1325. {
  1326. selector=this.arrStyle[i][0];
  1327. style=this.arrStyle[i][3];
  1328. oEditor.document.styleSheets(0).addRule(selector,style);
  1329. }
  1330. }
  1332. //*** RUNTIME STYLES ***
  1333. this.runtimeBorder(false);
  1334. this.runtimeStyles();
  1335. //***********************
  1337. //fix undisplayed content
  1338. if(this.initialRefresh)
  1339. {
  1340. oEditor.document.execCommand("SelectAll");
  1341. window.setTimeout("eval('idContentWord"+this.oName+"').document.execCommand('SelectAll');",0);
  1342. }
  1344. oEditor.document.body.style.width=50;
  1345. oEditor.document.body.style.height=50;
  1346. oEditor.document.body.style.width="";
  1347. oEditor.document.body.style.height="";
  1348. //oEditor.document.body.style.cssText="overflow-x:scroll;overflow-y:scroll";
  1350. if(this.css!="")
  1351. {
  1352. eval("myStyle"+this.oName).document.open("text/html","replace");
  1353. eval("myStyle"+this.oName).document.write("<html><head><link href=""+this.css+"" rel="stylesheet" type="text/css"></head><body onload="parent.ApplyExternalStyle('"+this.oName+"')"></body></html>");
  1354. eval("myStyle"+this.oName).document.close();
  1356. try{ApplyExternalStyle(this.oName)}
  1357. catch(e){;}
  1358. }
  1360. //<br> or <p>
  1361. oEditor.document.body.onkeydown=new Function("doKeyPress(eval('idContent"+this.oName+"').event,'"+this.oName+"')");
  1362. }
  1363. function doOnPaste()
  1364. {
  1365. this.isAfterPaste=true;
  1366. eval(this.oName).saveForUndo();//Save for Undo
  1367. }
  1368. function putHTML(sHTML)//used by source editor
  1369. {
  1370. var oEditor=eval("idContent"+this.oName);
  1372. //save doctype (if any/if not body only)
  1373. var arrA=String(sHTML).match(/<!DOCTYPE[^>]*>/ig);
  1374. if(arrA)
  1375. for(var i=0;i<arrA.length;i++)
  1376. {
  1377. this.docType=arrA[i];
  1378. }
  1379. else this.docType="";//back to default value
  1381. //save html (if any/if not body only)
  1382. var arrB=String(sHTML).match(/<HTML[^>]*>/ig);
  1383. if(arrB)
  1384. for(var i=0;i<arrB.length;i++)
  1385. {
  1386. s=arrB[i];
  1387. s=s.replace(/"[^"]*"/ig,function(x){
  1388. x=x.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/'/g, "&apos;").replace(/[s+]/ig,"#_#");
  1389. return x});
  1390. s=s.replace(/<([^ >]*)/ig,function(x){return x.toLowerCase()});
  1391. s=s.replace(/ ([^=]+)=([^" >]+)/ig," $1="$2"");
  1392. s=s.replace(/ ([^=]+)=/ig,function(x){return x.toLowerCase()});
  1393. s=s.replace(/#_#/ig," ");
  1394. this.html=s;
  1395. }
  1396. else this.html="<html>";//back to default value
  1398. //Dalam pengeditan jangan pakai doctype,
  1399. //membuat mouse tdk bisa di-klik di empty area
  1400. /* sHTML=String(sHTML).replace(/<!DOCTYPE[^>]*>/ig,"");
  1401. */
  1402. if(this.publishingPath!="")
  1403. {
  1404. var arrA = sHTML.match(/<base[^>]*>/ig);
  1405. if(!arrA)
  1406. {
  1407. sHTML="<BASE HREF=""+this.publishingPath+""/>"+sHTML;
  1408. }
  1409. }
  1411. var oDoc=oEditor.document.open("text/html","replace");
  1412. oDoc.write(sHTML);
  1413. oDoc.close();
  1414. oEditor.document.body.contentEditable=true;
  1415. oEditor.document.execCommand("2D-Position",true,true);
  1416. oEditor.document.execCommand("MultipleSelection",true,true);
  1417. oEditor.document.execCommand("LiveResize",true,true);
  1419. //RealTime
  1420. oEditor.document.body.onkeydown=new Function("editorDoc_onkeydown('"+this.oName+"')");
  1421. oEditor.document.body.onkeyup=new Function("editorDoc_onkeyup('"+this.oName+"')");
  1422. oEditor.document.body.onmouseup=new Function("editorDoc_onmouseup('"+this.oName+"')");
  1424. //*** RUNTIME STYLES ***
  1425. this.runtimeBorder(false);
  1426. this.runtimeStyles();
  1427. //***********************
  1429. //<br> or <p>
  1430. oEditor.document.body.onkeydown=new Function("doKeyPress(eval('idContent"+this.oName+"').event,'"+this.oName+"')");
  1431. }
  1432. function getHTML()
  1433. {
  1434. var oEditor=eval("idContent"+this.oName);
  1435. sHTML=oEditor.document.documentElement.outerHTML;
  1436. sHTML=String(sHTML).replace(/ contentEditable=true/g,"");
  1437. sHTML = String(sHTML).replace(/<PARAM NAME="Play" VALUE="0">/ig,"<PARAM NAME="Play" VALUE="-1">");
  1438. sHTML=this.docType+sHTML;//restore doctype (if any)
  1439. return sHTML;
  1440. }
  1441. function getHTMLBody()
  1442. {
  1443. var oEditor=eval("idContent"+this.oName);
  1444. sHTML=oEditor.document.body.innerHTML;
  1445. sHTML=String(sHTML).replace(/ contentEditable=true/g,"");
  1446. sHTML = String(sHTML).replace(/<PARAM NAME="Play" VALUE="0">/ig,"<PARAM NAME="Play" VALUE="-1">");
  1447. return sHTML;
  1448. }
  1449. var sBaseHREF="";
  1450. function getXHTML()
  1451. {
  1452. var oEditor=eval("idContent"+this.oName);
  1454. //base handling
  1455. sHTML=oEditor.document.documentElement.outerHTML;
  1456. var arrTmp=sHTML.match(/<BASE([^>]*)>/ig);
  1457. if(arrTmp!=null)sBaseHREF=arrTmp[0];
  1458. for(var i=0;i<oEditor.document.all.length;i++)
  1459. if(oEditor.document.all[i].tagName=="BASE")oEditor.document.all[i].removeNode();
  1460. for(var i=0;i<oEditor.document.all.length;i++)
  1461. if(oEditor.document.all[i].tagName=="BASE")oEditor.document.all[i].removeNode();
  1462. //~~~~~~~~~~~~~
  1463. sBaseHREF=sBaseHREF.replace(/<([^ >]*)/ig,function(x){return x.toLowerCase()});
  1464. sBaseHREF=sBaseHREF.replace(/ [^=]+="[^"]+"/ig,function(x){
  1465. x=x.replace(/[s+]/ig,"#_#");
  1466. x=x.replace(/^#_#/," ");
  1467. return x});
  1468. sBaseHREF=sBaseHREF.replace(/ ([^=]+)=([^" >]+)/ig," $1="$2"");
  1469. sBaseHREF=sBaseHREF.replace(/ ([^=]+)=/ig,function(x){return x.toLowerCase()});
  1470. sBaseHREF=sBaseHREF.replace(/#_#/ig," ");
  1472. sBaseHREF=sBaseHREF.replace(/>$/ig," />").replace(// />$/ig,"/>");
  1473. //~~~~~~~~~~~~~
  1475. sHTML=recur(oEditor.document.documentElement,"");
  1476. sHTML=this.docType+this.html+sHTML+"n</html>";//restore doctype (if any) & html
  1477. sHTML=sHTML.replace(/</title>/,"</title>"+sBaseHREF);//restore base href
  1479. return sHTML;
  1480. }
  1481. function getXHTMLBody()
  1482. {
  1483. var oEditor=eval("idContent"+this.oName);
  1485. //base handling
  1486. sHTML=oEditor.document.documentElement.outerHTML;
  1487. var arrTmp=sHTML.match(/<BASE([^>]*)>/ig);
  1488. if(arrTmp!=null)sBaseHREF=arrTmp[0];
  1489. for(var i=0;i<oEditor.document.all.length;i++)
  1490. if(oEditor.document.all[i].tagName=="BASE")oEditor.document.all[i].removeNode();
  1491. for(var i=0;i<oEditor.document.all.length;i++)
  1492. if(oEditor.document.all[i].tagName=="BASE")oEditor.document.all[i].removeNode();
  1493. //~~~~~~~~~~~~~
  1495. sHTML=recur(oEditor.document.body,"");
  1496. return sHTML;
  1497. }
  1499. function ApplyExternalStyle(oName)
  1500. {
  1501. var sTmp="";
  1502. var myStyle=eval("myStyle"+oName);
  1503. for(var i=0;i<myStyle.document.styleSheets(0).rules.length;i++)
  1504. {
  1505. sSelector=myStyle.document.styleSheets(0).rules.item(i).selectorText;
  1506. sCssText=myStyle.document.styleSheets(0).rules.item(i).style.cssText.replace(/"/g,"&quot;");
  1507. var itemCount = sSelector.split(".").length;
  1508. if(itemCount>1) sTmp+=",[""+sSelector+"",true,""+sSelector+"",""+ sCssText + ""]";
  1509. else sTmp+=",[""+sSelector+"",false,"",""+ sCssText + ""]";
  1510. }
  1511. var arrStyle = eval("["+sTmp.substr(1)+"]");
  1513. if(arrStyle.length>0)
  1514. {
  1515. var oEditor=eval("idContent"+oName);
  1516. var oElement=oEditor.document.createElement("<STYLE>");
  1517. oEditor.document.documentElement.childNodes[0].appendChild(oElement);
  1518. for(var i=0;i<arrStyle.length;i++)
  1519. {
  1520. selector=arrStyle[i][0];
  1521. style=arrStyle[i][3].replace(/&quot;/g,""");
  1522. if(style!="")
  1523. {
  1524. if(selector=="")selector="*";
  1525. oEditor.document.styleSheets(0).addRule(selector,style);
  1526. }
  1527. }
  1528. }
  1529. eval(oName).arrStyle=arrStyle;
  1530. }
  1532. /*********************
  1533. REALTIME
  1534. **********************/
  1535. function editorDoc_onkeydown(oName)
  1536. {
  1537. realTime(oName);
  1538. }
  1539. function editorDoc_onkeyup(oName)
  1540. {
  1541. if(eval(oName).isAfterPaste)
  1542. {
  1543. //*** RUNTIME STYLES ***
  1544. eval(oName).runtimeBorder(false);
  1545. eval(oName).runtimeStyles();
  1546. //***********************
  1547. eval(oName).isAfterPaste=false;
  1548. }
  1549. realTime(oName);
  1550. }
  1551. function editorDoc_onmouseup(oName)
  1552. {
  1553. oUtil.activeElement=null;//focus ke editor, jgn pakai selection dari tag selector
  1554. oUtil.oName=oName;oUtil.oEditor=eval("idContent"+oName);oUtil.obj=eval(oName);eval(oName).hide();//pengganti onfocus
  1555. realTime(oName);
  1556. }
  1557. function setActiveEditor(oName)
  1558. {
  1559. //eval(oName).focus();//focus first
  1560. oUtil.oName=oName;
  1561. oUtil.oEditor=eval("idContent"+oName);
  1562. oUtil.obj=eval(oName);
  1563. }
  1564. var arrTmp=[];
  1565. function GetElement(oElement,sMatchTag)//Used in realTime() only.
  1566. {
  1567. while (oElement!=null&&oElement.tagName!=sMatchTag)
  1568. {
  1569. if(oElement.tagName=="BODY")return null;
  1570. oElement=oElement.parentElement;
  1571. }
  1572. return oElement;
  1573. }
  1574. var arrTmp2=[];//TAG SELECTOR
  1575. function realTime(oName)
  1576. {
  1577. //Focus stuff
  1578. if(!eval(oName).checkFocus())return;
  1580. var oEditor=eval("idContent"+oName);
  1581. var oSel=oEditor.document.selection.createRange();
  1582. var obj=eval(oName);
  1584. //Enable/Disable Table Edit & Cell Edit Menu
  1585. if(obj.btnTable)
  1586. {
  1587. obj.arrElm[1].style.color="gray";
  1588. obj.arrElm[2].style.color="gray";
  1589. obj.arrElm[3].style.color="gray";
  1590. var oTable=(oSel.parentElement!=null?GetElement(oSel.parentElement(),"TABLE"):GetElement(oSel.item(0),"TABLE"));
  1591. if (oTable)
  1592. {
  1593. obj.arrElm[1].style.color="black";
  1594. obj.arrElm[2].style.color="black";
  1595. obj.arrElm[3].style.color="gray";
  1596. makeEnableNormal(obj.arrElm[0]);
  1597. }
  1598. else makeDisabled(obj.arrElm[0]);
  1600. var oTD=(oSel.parentElement!=null?GetElement(oSel.parentElement(),"TD"):GetElement(oSel.item(0),"TD"));
  1601. if (oTD)
  1602. {
  1603. obj.arrElm[1].style.color="black";
  1604. obj.arrElm[2].style.color="black";
  1605. obj.arrElm[3].style.color="black";
  1606. }
  1607. }
  1609. //REALTIME BUTTONS HERE
  1610. if(obj.btnParagraph)
  1611. {
  1612. if(oEditor.document.queryCommandEnabled("FormatBlock"))
  1613. makeEnableNormal(obj.arrElm[4]);
  1614. else makeDisabled(obj.arrElm[4]);
  1615. }
  1616. if(obj.btnFontName)
  1617. {
  1618. if(oEditor.document.queryCommandEnabled("FontName"))
  1619. makeEnableNormal(obj.arrElm[5]);
  1620. else makeDisabled(obj.arrElm[5]);
  1621. }
  1622. if(obj.btnFontSize)
  1623. {
  1624. if(oEditor.document.queryCommandEnabled("FontSize"))
  1625. makeEnableNormal(obj.arrElm[6]);
  1626. else makeDisabled(obj.arrElm[6]);
  1627. }
  1628. if(obj.btnCut)
  1629. {
  1630. if(oEditor.document.queryCommandEnabled("Cut"))
  1631. makeEnableNormal(obj.arrElm[7]);
  1632. else makeDisabled(obj.arrElm[7]);
  1633. }
  1634. if(obj.btnCopy)
  1635. {
  1636. if(oEditor.document.queryCommandEnabled("Copy"))
  1637. makeEnableNormal(obj.arrElm[8]);
  1638. else makeDisabled(obj.arrElm[8]);
  1639. }
  1640. if(obj.btnPaste)
  1641. {
  1642. if(oEditor.document.queryCommandEnabled("Paste"))
  1643. makeEnableNormal(obj.arrElm[9]);
  1644. else makeDisabled(obj.arrElm[9]);
  1645. }
  1646. if(obj.btnPasteWord)
  1647. {
  1648. if(oEditor.document.queryCommandEnabled("Paste"))
  1649. makeEnableNormal(obj.arrElm[10]);
  1650. else makeDisabled(obj.arrElm[10]);
  1651. }
  1652. if(obj.btnPasteText)
  1653. {
  1654. if(oEditor.document.queryCommandEnabled("Paste"))
  1655. makeEnableNormal(obj.arrElm[11]);
  1656. else makeDisabled(obj.arrElm[11]);
  1657. }
  1659. if(obj.btnUndo)
  1660. {
  1661. if(!obj.arrUndoList[0])makeDisabled(obj.arrElm[12]);
  1662. else makeEnableNormal(obj.arrElm[12]);
  1663. }
  1664. if(obj.btnRedo)
  1665. {
  1666. if(!obj.arrRedoList[0])makeDisabled(obj.arrElm[13]);
  1667. else makeEnableNormal(obj.arrElm[13]);
  1668. }
  1670. if(obj.btnBold)
  1671. {
  1672. if(oEditor.document.queryCommandEnabled("Bold"))
  1673. {
  1674. if(oEditor.document.queryCommandState("Bold"))
  1675. makeEnablePushed(obj.arrElm[14]);
  1676. else makeEnableNormal(obj.arrElm[14]);
  1677. }
  1678. else makeDisabled(obj.arrElm[14]);
  1679. }
  1680. if(obj.btnItalic)
  1681. {
  1682. if(oEditor.document.queryCommandEnabled("Italic"))
  1683. {
  1684. if(oEditor.document.queryCommandState("Italic"))
  1685. makeEnablePushed(obj.arrElm[15]);
  1686. else makeEnableNormal(obj.arrElm[15]);
  1687. }
  1688. else makeDisabled(obj.arrElm[15]);
  1689. }
  1690. if(obj.btnUnderline)
  1691. {
  1692. if(oEditor.document.queryCommandEnabled("Underline"))
  1693. {
  1694. if(oEditor.document.queryCommandState("Underline"))
  1695. makeEnablePushed(obj.arrElm[16]);
  1696. else makeEnableNormal(obj.arrElm[16]);
  1697. }
  1698. else makeDisabled(obj.arrElm[16]);
  1699. }
  1700. if(obj.btnStrikethrough)
  1701. {
  1702. if(oEditor.document.queryCommandEnabled("Strikethrough"))
  1703. {
  1704. if(oEditor.document.queryCommandState('Strikethrough'))
  1705. makeEnablePushed(obj.arrElm[17]);
  1706. else makeEnableNormal(obj.arrElm[17]);
  1707. }
  1708. else makeDisabled(obj.arrElm[17]);
  1709. }
  1710. if(obj.btnSuperscript)
  1711. {
  1712. if(oEditor.document.queryCommandEnabled("Superscript"))
  1713. {
  1714. if(oEditor.document.queryCommandState("Superscript"))
  1715. makeEnablePushed(obj.arrElm[18]);
  1716. else makeEnableNormal(obj.arrElm[18]);
  1717. }
  1718. else makeDisabled(obj.arrElm[18]);
  1719. }
  1720. if(obj.btnSubscript)
  1721. {
  1722. if(oEditor.document.queryCommandEnabled("Subscript"))
  1723. {
  1724. if(oEditor.document.queryCommandState("Subscript"))
  1725. makeEnablePushed(obj.arrElm[19]);
  1726. else makeEnableNormal(obj.arrElm[19]);
  1727. }
  1728. else makeDisabled(obj.arrElm[19]);
  1729. }
  1730. if(obj.btnNumbering)
  1731. {
  1732. if(oEditor.document.queryCommandEnabled("InsertOrderedList"))
  1733. {
  1734. if(oEditor.document.queryCommandState("InsertOrderedList"))
  1735. makeEnablePushed(obj.arrElm[20]);
  1736. else makeEnableNormal(obj.arrElm[20]);
  1737. }
  1738. else makeDisabled(obj.arrElm[20]);
  1739. }
  1740. if(obj.btnBullets)
  1741. {
  1742. if(oEditor.document.queryCommandEnabled("InsertUnorderedList"))
  1743. {
  1744. if(oEditor.document.queryCommandState("InsertUnorderedList"))
  1745. makeEnablePushed(obj.arrElm[21]);
  1746. else makeEnableNormal(obj.arrElm[21]);
  1747. }
  1748. else makeDisabled(obj.arrElm[21]);
  1749. }
  1750. if(obj.btnJustifyLeft)
  1751. {
  1752. if(oEditor.document.queryCommandEnabled("JustifyLeft"))
  1753. {
  1754. if(oEditor.document.queryCommandState("JustifyLeft"))
  1755. makeEnablePushed(obj.arrElm[22]);
  1756. else makeEnableNormal(obj.arrElm[22]);
  1757. }
  1758. else makeDisabled(obj.arrElm[22]);
  1759. }
  1760. if(obj.btnJustifyCenter)
  1761. {
  1762. if(oEditor.document.queryCommandEnabled("JustifyCenter"))
  1763. {
  1764. if(oEditor.document.queryCommandState("JustifyCenter"))
  1765. makeEnablePushed(obj.arrElm[23]);
  1766. else makeEnableNormal(obj.arrElm[23]);
  1767. }
  1768. else makeDisabled(obj.arrElm[23]);
  1769. }
  1770. if(obj.btnJustifyRight)
  1771. {
  1772. if(oEditor.document.queryCommandEnabled("JustifyRight"))
  1773. {
  1774. if(oEditor.document.queryCommandState("JustifyRight"))
  1775. makeEnablePushed(obj.arrElm[24]);
  1776. else makeEnableNormal(obj.arrElm[24]);
  1777. }
  1778. else makeDisabled(obj.arrElm[24]);
  1779. }
  1780. if(obj.btnJustifyFull)
  1781. {
  1782. if(oEditor.document.queryCommandEnabled("JustifyFull"))
  1783. {
  1784. if(oEditor.document.queryCommandState("JustifyFull"))
  1785. makeEnablePushed(obj.arrElm[25]);
  1786. else makeEnableNormal(obj.arrElm[25]);
  1787. }
  1788. else makeDisabled(obj.arrElm[25]);
  1789. }
  1791. if(obj.btnIndent)
  1792. {
  1793. if(oEditor.document.queryCommandEnabled("Indent"))
  1794. makeEnableNormal(obj.arrElm[26]);
  1795. else makeDisabled(obj.arrElm[26]);
  1796. }
  1797. if(obj.btnOutdent)
  1798. {
  1799. if(oEditor.document.queryCommandEnabled("Outdent"))
  1800. makeEnableNormal(obj.arrElm[27]);
  1801. else makeDisabled(obj.arrElm[27]);
  1802. }
  1804. if(obj.btnLTR)
  1805. {
  1806. if(oEditor.document.queryCommandEnabled("BlockDirLTR"))
  1807. {
  1808. if(oEditor.document.queryCommandState("BlockDirLTR"))
  1809. makeEnablePushed(obj.arrElm[28]);
  1810. else makeEnableNormal(obj.arrElm[28]);
  1811. }
  1812. else makeDisabled(obj.arrElm[28]);
  1813. }
  1814. if(obj.btnRTL)
  1815. {
  1816. if(oEditor.document.queryCommandEnabled("BlockDirRTL"))
  1817. {
  1818. if(oEditor.document.queryCommandState("BlockDirRTL"))
  1819. makeEnablePushed(obj.arrElm[29]);
  1820. else makeEnableNormal(obj.arrElm[29]);
  1821. }
  1822. else makeDisabled(obj.arrElm[29]);
  1823. }
  1825. if(oSel.parentElement)
  1826. {
  1827. if(obj.btnForeColor)makeEnableNormal(obj.arrElm[30]);
  1828. if(obj.btnBackColor)makeEnableNormal(obj.arrElm[31]);
  1829. if(obj.btnLine)makeEnableNormal(obj.arrElm[32]);
  1830. }
  1831. else
  1832. {
  1833. if(obj.btnForeColor)makeDisabled(obj.arrElm[30]);
  1834. if(obj.btnBackColor)makeDisabled(obj.arrElm[31]);
  1835. if(obj.btnLine)makeDisabled(obj.arrElm[32]);
  1836. }
  1838. try{oUtil.onSelectionChanged()}catch(e){;}
  1840. try{obj.onSelectionChanged()}catch(e){;}
  1842. //TAG SELECTOR ~~~~~~~~~~~~~~~~~~
  1843. if(obj.useTagSelector)
  1844. {
  1845. if (oSel.parentElement) oElement=oSel.parentElement();
  1846. else oElement=oSel.item(0);
  1847. var sHTML="";var i=0;
  1848. arrTmp2=[];//clear
  1849. while (oElement!=null && oElement.tagName!="BODY")
  1850. {
  1851. arrTmp2[i]=oElement;
  1852. var sTagName = oElement.tagName;
  1853. sHTML = "&nbsp; &lt;<span id=tag"+oName+i+" unselectable=on style='text-decoration:underline;cursor:hand' onclick=""+oName+".selectElement("+i+")">" + sTagName + "</span>&gt;" + sHTML;
  1854. oElement = oElement.parentElement;
  1855. i++;
  1856. }
  1857. sHTML = "&nbsp;&lt;BODY&gt;" + sHTML;
  1858. eval("idElNavigate"+oName).innerHTML = sHTML;
  1859. eval("idElCommand"+oName).style.display="none";
  1860. }
  1861. }
  1862. function realtimeFontSelect(oName)
  1863. {
  1864. var oEditor=eval("idContent"+oName);
  1865. var sFontName = oEditor.document.queryCommandValue("FontName");
  1866. var iCols = eval("dropFontName"+oName).rows[0].childNodes.length;
  1867. for(var i=0;i<iCols;i++)
  1868. {
  1869. var oFontTable=eval("dropFontName"+oName).rows[0].childNodes[i].childNodes[0];
  1870. var rowFonts = oFontTable.rows;
  1871. for(var j=0;j<rowFonts.length;j++)
  1872. {
  1873. if(sFontName+")"==rowFonts[j].innerText.split("(")[1])
  1874. {
  1875. rowFonts[j].childNodes[0].style.backgroundColor="#708090";
  1876. rowFonts[j].childNodes[0].style.color="#FFFFFF";
  1877. }
  1878. else
  1879. {
  1880. rowFonts[j].childNodes[0].style.backgroundColor="";
  1881. rowFonts[j].childNodes[0].style.color="#000000";
  1882. }
  1883. }
  1884. }
  1885. }
  1886. function realtimeSizeSelect(oName)
  1887. {
  1888. var oEditor=eval("idContent"+oName);
  1889. var sFontSize=oEditor.document.queryCommandValue("FontSize");
  1890. var rowFonts=eval("dropFontSize"+oName).rows;
  1891. for(var i=0;i<rowFonts.length;i++)
  1892. {
  1893. if("Size "+sFontSize==rowFonts[i].innerText)
  1894. {
  1895. rowFonts[i].childNodes[0].style.backgroundColor="#708090";
  1896. rowFonts[i].childNodes[0].style.color="#FFFFFF";
  1897. }
  1898. else
  1899. {
  1900. rowFonts[i].childNodes[0].style.backgroundColor="";
  1901. rowFonts[i].childNodes[0].style.color="#000000";
  1902. }
  1903. }
  1904. }
  1906. /*********************
  1907. TAG SELECTOR
  1908. **********************/
  1909. function moveTagSelector()
  1910. {
  1911. var sTagSelTop="<table unselectable=on ondblclick='"+this.oName+".moveTagSelector()' width='100%' cellpadding=0 cellspacing=0><tr style='background:#e7e7e7;font-family:arial;font-size:10px;color:black;'>"+
  1912. "<td id=idElNavigate"+ this.oName +" style='padding:1px;width:100%' valign=top>&nbsp;</td>"+
  1913. "<td align=right valign=top nowrap>"+
  1914. "<span id=idElCommand"+ this.oName +" unselectable=on style='display:none;text-decoration:underline;cursor:hand;padding-right:5;' onclick='"+this.oName+".removeTag()'>"+getText("Remove Tag")+"</span>"+
  1915. "</td></tr></table>";
  1917. var sTagSelBottom="<table unselectable=on ondblclick='"+this.oName+".moveTagSelector()' width='100%' cellpadding=0 cellspacing=0><tr style='background:#e7e7e7;font-family:arial;font-size:10px;color:black;'>"+
  1918. "<td id=idElNavigate"+ this.oName +" style='padding:1px;width:100%' valign=top>&nbsp;</td>"+
  1919. "<td align=right valign=top nowrap>"+
  1920. "<span id=idElCommand"+ this.oName +" unselectable=on style='display:none;text-decoration:underline;cursor:hand;padding-right:5;' onclick='"+this.oName+".removeTag()'>"+getText("Remove Tag")+"</span>"+
  1921. "</td></tr></table>";
  1923. if(this.TagSelectorPosition=="top")
  1924. {
  1925. eval("idTagSelTop"+this.oName).innerHTML="";
  1926. eval("idTagSelBottom"+this.oName).innerHTML=sTagSelBottom;
  1927. eval("idTagSelTopRow"+this.oName).style.display="none";
  1928. eval("idTagSelBottomRow"+this.oName).style.display="block";
  1929. this.TagSelectorPosition="bottom"
  1930. }
  1931. else//if(this.TagSelectorPosition=="bottom")
  1932. {
  1933. eval("idTagSelTop"+this.oName).innerHTML=sTagSelTop;
  1934. eval("idTagSelBottom"+this.oName).innerHTML="";
  1935. eval("idTagSelTopRow"+this.oName).style.display="block";
  1936. eval("idTagSelBottomRow"+this.oName).style.display="none";
  1937. this.TagSelectorPosition="top"
  1938. }
  1939. }
  1940. function selectElement(i)
  1941. {
  1942. var oEditor=eval("idContent"+this.oName);
  1943. var oSelRange = oEditor.document.body.createControlRange();
  1944. var oActiveElement;
  1945. try
  1946. {
  1947. oSelRange.add(arrTmp2[i]);
  1948. oSelRange.select();
  1949. realTime(this.oName);
  1950. oActiveElement = arrTmp2[i];
  1951. if(oActiveElement.tagName!="TD"&&
  1952. oActiveElement.tagName!="TR"&&
  1953. oActiveElement.tagName!="TBODY"&&
  1954. oActiveElement.tagName!="LI")
  1955. eval("idElCommand"+this.oName).style.display="block";
  1956. }
  1957. catch(e)
  1958. {
  1959. try//utk multiple instance, kalau select tag tapi tdk focus atau select list & content lain di luar list lalu set color
  1960. {
  1961. var oSelRange = oEditor.document.body.createTextRange();
  1962. oSelRange.moveToElementText(arrTmp2[i]);
  1963. oSelRange.select();
  1964. realTime(this.oName);
  1965. oActiveElement = arrTmp2[i];
  1966. if(oActiveElement.tagName!="TD"&&
  1967. oActiveElement.tagName!="TR"&&
  1968. oActiveElement.tagName!="TBODY"&&
  1969. oActiveElement.tagName!="LI")
  1970. eval("idElCommand"+this.oName).style.display="block";
  1971. }
  1972. catch(e){return;}
  1973. }
  1974. for(var j=0;j<arrTmp2.length;j++)eval("tag"+this.oName+j).style.background="";
  1975. eval("tag"+this.oName+i).style.background="DarkGray";
  1977. if(oActiveElement)
  1978. oUtil.activeElement=oActiveElement;//Set active element in the Editor
  1979. }
  1980. function removeTag()
  1981. {
  1982. if(!this.checkFocus())return;//Focus stuff
  1983. eval(this.oName).saveForUndo();//Save for Undo
  1984. var oEditor=eval("idContent"+this.oName);
  1985. var oSel=oEditor.document.selection.createRange();
  1986. var sType=oEditor.document.selection.type;
  1987. if(sType=="Control")
  1988. {
  1989. oSel.item(0).outerHTML="";
  1990. this.focus();
  1991. realTime(this.oName);
  1992. return;
  1993. }
  1995. var oActiveElement=oUtil.activeElement;
  1996. var oSelRange = oEditor.document.body.createTextRange();
  1997. oSelRange.moveToElementText(oActiveElement);
  1998. oSel.setEndPoint("StartToStart",oSelRange);
  1999. oSel.setEndPoint("EndToEnd",oSelRange);
  2000. oSel.select();
  2002. sHTML=oActiveElement.innerHTML;
  2003. var arrA = String(sHTML).match(/<A[^>]*>/g);
  2004. if(arrA)
  2005. for(var i=0;i<arrA.length;i++)
  2006. {
  2007. sTmp = arrA[i].replace(/href=/,"href_iwe=");
  2008. sHTML=String(sHTML).replace(arrA[i],sTmp);
  2009. }
  2010. var arrB = String(sHTML).match(/<IMG[^>]*>/g);
  2011. if(arrB)
  2012. for(var i=0;i<arrB.length;i++)
  2013. {
  2014. sTmp = arrB[i].replace(/src=/,"src_iwe=");
  2015. sHTML=String(sHTML).replace(arrB[i],sTmp);
  2016. }
  2018. var oTmp=oActiveElement.parentElement;
  2019. if(oTmp.innerHTML==oActiveElement.outerHTML)//<b><u>TEXT</u><b> (<u> is selected)
  2020. {//oTmp=<b> , oActiveElement=<u>
  2021. oTmp.innerHTML=sHTML;
  2023. for(var i=0;i<oEditor.document.all.length;i++)
  2024. {
  2025. if(oEditor.document.all[i].getAttribute("href_iwe"))
  2026. {
  2027. oEditor.document.all[i].href=oEditor.document.all[i].getAttribute("href_iwe");
  2028. oEditor.document.all[i].removeAttribute("href_iwe",0);
  2029. }
  2030. if(oEditor.document.all[i].getAttribute("src_iwe"))
  2031. {
  2032. oEditor.document.all[i].src=oEditor.document.all[i].getAttribute("src_iwe");
  2033. oEditor.document.all[i].removeAttribute("src_iwe",0);
  2034. }
  2035. }
  2037. var oSelRange = oEditor.document.body.createTextRange();
  2038. oSelRange.moveToElementText(oTmp);
  2039. oSel.setEndPoint("StartToStart",oSelRange);
  2040. oSel.setEndPoint("EndToEnd",oSelRange);
  2041. oSel.select();
  2042. realTime(this.oName);
  2043. this.selectElement(0);
  2044. return;
  2045. }
  2046. else
  2047. {
  2048. oActiveElement.outerHTML="";
  2049. oSel.pasteHTML(sHTML);
  2051. for(var i=0;i<oEditor.document.all.length;i++)
  2052. {
  2053. if(oEditor.document.all[i].getAttribute("href_iwe"))
  2054. {
  2055. oEditor.document.all[i].href=oEditor.document.all[i].getAttribute("href_iwe");
  2056. oEditor.document.all[i].removeAttribute("href_iwe",0);
  2057. }
  2058. if(oEditor.document.all[i].getAttribute("src_iwe"))
  2059. {
  2060. oEditor.document.all[i].src=oEditor.document.all[i].getAttribute("src_iwe");
  2061. oEditor.document.all[i].removeAttribute("src_iwe",0);
  2062. }
  2063. }
  2064. this.focus();
  2065. realTime(this.oName);
  2066. }
  2068. //*** RUNTIME STYLES ***
  2069. this.runtimeBorder(false);
  2070. this.runtimeStyles();
  2071. //***********************
  2072. }
  2074. /*********************
  2075. RUNTIME BORDERS
  2076. **********************/
  2077. function runtimeBorderOn()
  2078. {
  2079. this.runtimeBorderOff();//reset
  2081. var oEditor=eval("idContent"+this.oName);
  2082. var oTables=oEditor.document.getElementsByTagName("TABLE");
  2083. for(i=0;i<oTables.length;i++)
  2084. {
  2085. if(oTables[i].border==0)
  2086. {
  2087. for(j=0;j<oTables[i].getElementsByTagName("TD").length;j++)
  2088. {
  2089. if(oTables[i].getElementsByTagName("TD")[j].style.borderLeftWidth=="0px"||
  2090. oTables[i].getElementsByTagName("TD")[j].style.borderLeftWidth==""||
  2091. oTables[i].getElementsByTagName("TD")[j].style.borderLeftWidth=="medium")
  2092. {
  2093. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderLeftWidth=1;
  2094. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderLeftColor="#BCBCBC";
  2095. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderLeftStyle="dotted";
  2096. }
  2097. if(oTables[i].getElementsByTagName("TD")[j].style.borderRightWidth=="0px"||
  2098. oTables[i].getElementsByTagName("TD")[j].style.borderRightWidth==""||
  2099. oTables[i].getElementsByTagName("TD")[j].style.borderRightWidth=="medium")
  2100. {
  2101. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderRightWidth=1;
  2102. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderRightColor="#BCBCBC";
  2103. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderRightStyle="dotted";
  2104. }
  2105. if(oTables[i].getElementsByTagName("TD")[j].style.borderTopWidth=="0px"||
  2106. oTables[i].getElementsByTagName("TD")[j].style.borderTopWidth==""||
  2107. oTables[i].getElementsByTagName("TD")[j].style.borderTopWidth=="medium")
  2108. {
  2109. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderTopWidth=1;
  2110. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderTopColor="#BCBCBC";
  2111. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderTopStyle="dotted";
  2112. }
  2113. if(oTables[i].getElementsByTagName("TD")[j].style.borderBottomWidth=="0px"||
  2114. oTables[i].getElementsByTagName("TD")[j].style.borderBottomWidth==""||
  2115. oTables[i].getElementsByTagName("TD")[j].style.borderBottomWidth=="medium")
  2116. {
  2117. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderBottomWidth=1;
  2118. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderBottomColor="#BCBCBC";
  2119. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderBottomStyle="dotted";
  2120. }
  2121. }
  2122. }
  2123. }
  2124. }
  2125. function runtimeBorderOff()
  2126. {
  2127. var oEditor=eval("idContent"+this.oName);
  2128. var oTables=oEditor.document.getElementsByTagName("TABLE");
  2129. for(i=0;i<oTables.length;i++)
  2130. {
  2131. if(oTables[i].border==0)
  2132. {
  2133. for(j=0;j<oTables[i].getElementsByTagName("TD").length;j++)
  2134. {
  2135. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderWidth="";
  2136. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderColor="";
  2137. oTables[i].getElementsByTagName("TD")[j].runtimeStyle.borderStyle="";
  2138. }
  2139. }
  2140. }
  2141. }
  2142. function runtimeBorder(bToggle)
  2143. {
  2144. if(bToggle)
  2145. {
  2146. if(this.IsRuntimeBorderOn)
  2147. {
  2148. this.runtimeBorderOff();
  2149. this.IsRuntimeBorderOn=false;
  2150. }
  2151. else
  2152. {
  2153. this.runtimeBorderOn();
  2154. this.IsRuntimeBorderOn=true;
  2155. }
  2156. }
  2157. else
  2158. {//refresh based on the current status
  2159. if(this.IsRuntimeBorderOn) this.runtimeBorderOn();
  2160. else this.runtimeBorderOff();
  2161. }
  2162. }
  2164. /*********************
  2165. RUNTIME STYLES
  2166. **********************/
  2167. function runtimeStyles()
  2168. {
  2169. var oEditor=eval("idContent"+this.oName);
  2170. var oForms=oEditor.document.getElementsByTagName("FORM");
  2171. for (i=0;i<oForms.length;i++) oForms[i].runtimeStyle.border="#7bd158 1px dotted";
  2173. var oBookmarks=oEditor.document.getElementsByTagName("A");
  2174. for (i=0;i<oBookmarks.length;i++)
  2175. {
  2176. if(oBookmarks[i].name||oBookmarks[i].NAME)
  2177. {
  2178. if(oBookmarks[i].innerHTML=="")oBookmarks[i].runtimeStyle.width="1px";
  2179. oBookmarks[i].runtimeStyle.padding="0px";
  2180. oBookmarks[i].runtimeStyle.paddingLeft="1px";
  2181. oBookmarks[i].runtimeStyle.paddingRight="1px";
  2182. oBookmarks[i].runtimeStyle.border="#888888 1 dotted";
  2183. oBookmarks[i].runtimeStyle.borderLeft="#cccccc 10 solid";
  2184. }
  2185. }
  2186. }
  2188. /*********************
  2189. OTHERS
  2190. **********************/
  2191. function doCmd(sCmd,sOption)
  2192. {
  2193. if(!this.checkFocus())return;//Focus stuff
  2194. eval(this.oName).saveForUndo();//Save for Undo
  2195. var oEditor=eval("idContent"+this.oName);
  2196. var oSel=oEditor.document.selection.createRange();
  2197. var sType=oEditor.document.selection.type;
  2198. var oTarget=(sType=="None"?oEditor.document:oSel);
  2199. oTarget.execCommand(sCmd,false,sOption);
  2200. realTime(this.oName);
  2201. }
  2202. function applyColor(sType,sColor)
  2203. {
  2204. this.hide();
  2205. this.focus();//Focus stuff
  2206. var oEditor=eval("idContent"+this.oName);
  2207. var oSel=oEditor.document.selection.createRange();
  2208. this.saveForUndo();
  2209. oSel.execCommand(sType,false,sColor);
  2210. realTime(this.oName);
  2211. if(sColor=="")return;
  2212. this.selectElement(0);
  2213. }
  2214. function applyParagraph(val)
  2215. {
  2216. var oEditor=eval("idContent"+this.oName);
  2217. var oSel=oEditor.document.selection.createRange();
  2218. this.hide();
  2219. oSel.select();
  2220. this.doCmd("FormatBlock",val);
  2221. }
  2222. function applyFontName(val)
  2223. {
  2224. var oEditor=eval("idContent"+this.oName);
  2225. var oSel=oEditor.document.selection.createRange();
  2226. this.hide();//ini menyebabkan text yg ter-select menjadi tdk ter-select di framed-page.
  2227. //Solusi: oSel di select lagi
  2228. oSel.select();
  2229. this.doCmd("fontname",val);
  2230. }
  2231. function applyFontSize(val)
  2232. {
  2233. var oEditor=eval("idContent"+this.oName);
  2234. var oSel=oEditor.document.selection.createRange();
  2235. this.hide();
  2236. oSel.select();
  2237. this.doCmd("fontsize",val);
  2238. }
  2239. function applyBullets()
  2240. {
  2241. this.doCmd("InsertUnOrderedList");
  2242. makeEnableNormal(eval("document.all.btnNumbering"+this.oName));
  2244. var oEditor=eval("idContent"+this.oName);
  2245. var oSel=oEditor.document.selection.createRange();
  2246. var oElement=oSel.parentElement();
  2247. while (oElement!=null&&oElement.tagName!="OL"&&oElement.tagName!="UL")
  2248. {
  2249. if(oElement.tagName=="BODY")return;
  2250. oElement=oElement.parentElement;
  2251. }
  2252. oElement.removeAttribute("type",0);
  2253. oElement.style.listStyleImage="";
  2254. }
  2255. function applyNumbering()
  2256. {
  2257. this.doCmd("InsertOrderedList");
  2258. makeEnableNormal(eval("document.all.btnBullets"+this.oName));
  2260. var oEditor=eval("idContent"+this.oName);
  2261. var oSel=oEditor.document.selection.createRange();
  2262. var oElement=oSel.parentElement();
  2263. while (oElement!=null&&oElement.tagName!="OL"&&oElement.tagName!="UL")
  2264. {
  2265. if(oElement.tagName=="BODY")return;
  2266. oElement=oElement.parentElement;
  2267. }
  2268. oElement.removeAttribute("type",0);
  2269. oElement.style.listStyleImage="";
  2270. }
  2271. function applyJustifyLeft()
  2272. {
  2273. this.doCmd("JustifyLeft");
  2274. if(this.btnJustifyCenter) makeEnableNormal(eval("document.all.btnJustifyCenter"+this.oName));
  2275. if(this.btnJustifyRight) makeEnableNormal(eval("document.all.btnJustifyRight"+this.oName));
  2276. if(this.btnJustifyFull) makeEnableNormal(eval("document.all.btnJustifyFull"+this.oName));
  2277. }
  2278. function applyJustifyCenter()
  2279. {
  2280. this.doCmd("JustifyCenter");
  2281. if(this.btnJustifyLeft) makeEnableNormal(eval("document.all.btnJustifyLeft"+this.oName));
  2282. if(this.btnJustifyRight) makeEnableNormal(eval("document.all.btnJustifyRight"+this.oName));
  2283. if(this.btnJustifyFull) makeEnableNormal(eval("document.all.btnJustifyFull"+this.oName));
  2284. }
  2285. function applyJustifyRight()
  2286. {
  2287. this.doCmd("JustifyRight");
  2288. if(this.btnJustifyLeft) makeEnableNormal(eval("document.all.btnJustifyLeft"+this.oName));
  2289. if(this.btnJustifyCenter) makeEnableNormal(eval("document.all.btnJustifyCenter"+this.oName));
  2290. if(this.btnJustifyFull) makeEnableNormal(eval("document.all.btnJustifyFull"+this.oName));
  2291. }
  2292. function applyJustifyFull()
  2293. {
  2294. this.doCmd("JustifyFull");
  2295. if(this.btnJustifyLeft) makeEnableNormal(eval("document.all.btnJustifyLeft"+this.oName));
  2296. if(this.btnJustifyCenter) makeEnableNormal(eval("document.all.btnJustifyCenter"+this.oName));
  2297. if(this.btnJustifyRight) makeEnableNormal(eval("document.all.btnJustifyRight"+this.oName));
  2298. }
  2299. function applyBlockDirLTR()
  2300. {
  2301. this.doCmd("BlockDirLTR");
  2302. if(this.btnRTL) makeEnableNormal(eval("document.all.btnRTL"+this.oName));
  2303. }
  2304. function applyBlockDirRTL()
  2305. {
  2306. this.doCmd("BlockDirRTL");
  2307. if(this.btnLTR) makeEnableNormal(eval("document.all.btnLTR"+this.oName));
  2308. }
  2309. function doPaste()
  2310. {
  2311. this.doCmd("Paste");
  2312. //*** RUNTIME BORDERS ***
  2313. this.runtimeBorder(false);
  2314. //***********************
  2315. }
  2316. function doPasteText()
  2317. {
  2318. if(!this.checkFocus())return;//Focus stuff
  2319. var oEditor=eval("idContent"+this.oName);
  2320. var oSel=oEditor.document.selection.createRange();
  2321. this.saveForUndo();
  2322. var oWord = eval("idContentWord"+this.oName);
  2323. oWord.focus();
  2324. oWord.document.execCommand("SelectAll");
  2325. oWord.document.execCommand("Paste");
  2326. oSel.pasteHTML(oWord.document.body.innerText);
  2327. }
  2328. function insertCustomTag(sTag)
  2329. {
  2330. this.insertHTML(sTag);
  2331. this.hide();
  2332. this.focus();
  2333. }
  2334. function expandSelection()
  2335. {
  2336. if(!this.checkFocus())return;//Focus stuff
  2337. var oEditor=eval("idContent"+this.oName);
  2338. var oSel=oEditor.document.selection.createRange();
  2340. if(oSel.text!="")return;
  2342. /*
  2343. var oElement = oSel.parentElement();
  2344. if(oElement.tagName!="BODY")
  2345. {
  2346. var oSelRange=oEditor.document.body.createTextRange();
  2347. oSelRange.moveToElementText(oElement);
  2348. oSel.setEndPoint("StartToStart",oSelRange);
  2349. oSel.setEndPoint("EndToEnd",oSelRange);
  2350. oSel.select();
  2351. return;
  2352. }*/
  2354. oSel.expand("word");
  2355. oSel.select();
  2356. if(oSel.text.substr(oSel.text.length*1-1,oSel.text.length)==" ")
  2357. {
  2358. oSel.moveEnd("character",-1);
  2359. oSel.select();
  2360. }
  2361. }
  2362. function selectParagraph()
  2363. {
  2364. if(!this.checkFocus())return;//Focus stuff
  2365. var oEditor=eval("idContent"+this.oName);
  2366. var oSel=oEditor.document.selection.createRange();
  2368. if(oSel.parentElement)
  2369. {
  2370. if(oSel.text=="")
  2371. {
  2372. var oElement=oSel.parentElement();
  2373. while (oElement!=null&&
  2374. oElement.tagName!="H1"&&oElement.tagName!="H2"&&
  2375. oElement.tagName!="H3"&&oElement.tagName!="H4"&&
  2376. oElement.tagName!="H5"&&oElement.tagName!="H6"&&
  2377. oElement.tagName!="PRE"&&oElement.tagName!="P"&&
  2378. oElement.tagName!="DIV")
  2379. {
  2380. if(oElement.tagName=="BODY")return;
  2381. oElement=oElement.parentElement;
  2382. }
  2383. var oSelRange = oEditor.document.body.createControlRange();
  2384. try
  2385. {
  2386. oSelRange.add(oElement);
  2387. oSelRange.select();
  2388. }
  2389. catch(e)
  2390. {
  2391. var oSelRange = oEditor.document.body.createTextRange();
  2392. try{oSelRange.moveToElementText(oElement);
  2393. oSelRange.select()
  2394. }catch(e){;}
  2395. }
  2396. }
  2397. }
  2398. }
  2399. function insertHTML(sHTML)
  2400. {
  2401. this.focus();
  2403. //if(!this.checkFocus())return;//Focus stuff
  2404. var oEditor=eval("idContent"+this.oName);
  2405. var oSel=oEditor.document.selection.createRange();
  2407. var arrA = String(sHTML).match(/<A[^>]*>/ig);
  2408. if(arrA)
  2409. for(var i=0;i<arrA.length;i++)
  2410. {
  2411. sTmp = arrA[i].replace(/href=/,"href_iwe=");
  2412. sHTML=String(sHTML).replace(arrA[i],sTmp);
  2413. }
  2415. var arrB = String(sHTML).match(/<IMG[^>]*>/ig);
  2416. if(arrB)
  2417. for(var i=0;i<arrB.length;i++)
  2418. {
  2419. sTmp = arrB[i].replace(/src=/,"src_iwe=");
  2420. sHTML=String(sHTML).replace(arrB[i],sTmp);
  2421. }
  2423. if(oSel.parentElement)oSel.pasteHTML(sHTML);
  2424. else oSel.item(0).outerHTML=sHTML;
  2426. for(var i=0;i<oEditor.document.all.length;i++)
  2427. {
  2428. if(oEditor.document.all[i].getAttribute("href_iwe"))
  2429. {
  2430. oEditor.document.all[i].href=oEditor.document.all[i].getAttribute("href_iwe");
  2431. oEditor.document.all[i].removeAttribute("href_iwe",0);
  2432. }
  2433. if(oEditor.document.all[i].getAttribute("src_iwe"))
  2434. {
  2435. oEditor.document.all[i].src=oEditor.document.all[i].getAttribute("src_iwe");
  2436. oEditor.document.all[i].removeAttribute("src_iwe",0);
  2437. }
  2438. }
  2439. }
  2440. function insertLink(url,title,target)
  2441. {
  2442. this.focus();//Focus stuff
  2444. var oEditor=eval("idContent"+this.oName);
  2445. var oSel=oEditor.document.selection.createRange();
  2447. if(oSel.parentElement)
  2448. {
  2449. if(oSel.text=="")
  2450. {
  2451. var oSelTmp=oSel.duplicate();
  2452. if(title!="" && title!=undefined) oSel.text=title;
  2453. else oSel.text=url;
  2454. oSel.setEndPoint("StartToStart",oSelTmp);
  2455. oSel.select();
  2456. }
  2457. }
  2458. oSel.execCommand("CreateLink",false,url);
  2460. if (oSel.parentElement) oEl=GetElement(oSel.parentElement(),"A");
  2461. else oEl=GetElement(oSel.item(0),"A");
  2462. if(oEl)
  2463. {
  2464. if(target!="" && target!=undefined)oEl.target=target;
  2465. }
  2466. }
  2467. function clearAll()
  2468. {
  2469. if(confirm(getText("Are you sure you wish to delete all contents?"))==true)
  2470. {
  2471. var oEditor=eval("idContent"+this.oName);
  2472. oEditor.document.body.innerHTML="";
  2473. }
  2474. }
  2475. function spellcheckDialogShow()
  2476. {
  2477. window.open(this.scriptPath+"spellcheck.htm","","width=500,height=222;toolbar=no,menubar=no,location=no,directories=no,status=yes")
  2478. }
  2479. function doClean()
  2480. {
  2481. if(!this.checkFocus())return;//Focus stuff
  2482. eval(this.oName).saveForUndo();//Save for Undo
  2484. if(oUtil.activeElement)
  2485. {
  2486. var oActiveElement=oUtil.activeElement;
  2487. oActiveElement.removeAttribute("className",0);
  2488. oActiveElement.removeAttribute("style",0);
  2490. if(oActiveElement.tagName=="H1"||oActiveElement.tagName=="H2"||
  2491. oActiveElement.tagName=="H3"||oActiveElement.tagName=="H4"||
  2492. oActiveElement.tagName=="H5"||oActiveElement.tagName=="H6"||
  2493. oActiveElement.tagName=="PRE"||oActiveElement.tagName=="P"||
  2494. oActiveElement.tagName=="DIV")
  2495. {
  2496. if(this.useDIV)this.doCmd('FormatBlock','<DIV>');
  2497. else this.doCmd('FormatBlock','<P>');
  2498. }
  2499. }
  2500. else
  2501. {
  2502. var oEditor=eval("idContent"+this.oName);
  2503. var oSel=oEditor.document.selection.createRange();
  2504. var sType=oEditor.document.selection.type;
  2505. if (oSel.parentElement)
  2506. {
  2507. oEl=oSel.parentElement();
  2508. if(oEl.outerHTML==oSel.htmlText)
  2509. {
  2510. oEl.removeAttribute("className",0);
  2511. oEl.removeAttribute("style",0);
  2512. if(oEl.tagName=="H1"||oEl.tagName=="H2"||
  2513. oEl.tagName=="H3"||oEl.tagName=="H4"||
  2514. oEl.tagName=="H5"||oEl.tagName=="H6"||
  2515. oEl.tagName=="PRE"||oEl.tagName=="P"||oEl.tagName=="DIV")
  2516. {
  2517. if(this.useDIV)this.doCmd('FormatBlock','<DIV>');
  2518. else this.doCmd('FormatBlock','<P>');
  2519. }
  2520. }
  2521. }
  2522. else
  2523. {
  2524. oEl=oSel.item(0);
  2525. oEl.removeAttribute("className",0);
  2526. oEl.removeAttribute("style",0);
  2527. }
  2528. }
  2529. this.doCmd('RemoveFormat');
  2530. realTime(this.oName);
  2531. }
  2532. function applySpan()
  2533. {
  2534. if(!this.checkFocus())return;//Focus stuff
  2535. var oEditor=eval("idContent"+this.oName);
  2536. var oSel=oEditor.document.selection.createRange();
  2537. var sType=oEditor.document.selection.type;
  2538. if(sType=="Control"||sType=="None")return;
  2540. sHTML=oSel.htmlText;
  2542. var oParent=oSel.parentElement();
  2543. if(oParent.tagName=="SPAN")
  2544. {
  2545. idSpan=oParent;
  2546. return idSpan;
  2547. }
  2549. var arrA = String(sHTML).match(/<A[^>]*>/ig);
  2550. if(arrA)
  2551. for(var i=0;i<arrA.length;i++)
  2552. {
  2553. sTmp = arrA[i].replace(/href=/,"href_iwe=");
  2554. sHTML=String(sHTML).replace(arrA[i],sTmp);
  2555. }
  2557. var arrB = String(sHTML).match(/<IMG[^>]*>/ig);
  2558. if(arrB)
  2559. for(var i=0;i<arrB.length;i++)
  2560. {
  2561. sTmp = arrB[i].replace(/src=/,"src_iwe=");
  2562. sHTML=String(sHTML).replace(arrB[i],sTmp);
  2563. }
  2565. oSel.pasteHTML("<span id='idSpan__abc'>"+sHTML+"</span>");
  2566. var idSpan=oEditor.document.all.idSpan__abc;
  2568. var oSelRange=oEditor.document.body.createTextRange();
  2569. oSelRange.moveToElementText(idSpan);
  2570. oSel.setEndPoint("StartToStart",oSelRange);
  2571. oSel.setEndPoint("EndToEnd",oSelRange);
  2572. oSel.select();
  2574. for(var i=0;i<oEditor.document.all.length;i++)
  2575. {
  2576. if(oEditor.document.all[i].getAttribute("href_iwe"))
  2577. {
  2578. oEditor.document.all[i].href=oEditor.document.all[i].getAttribute("href_iwe");
  2579. oEditor.document.all[i].removeAttribute("href_iwe",0);
  2580. }
  2581. if(oEditor.document.all[i].getAttribute("src_iwe"))
  2582. {
  2583. oEditor.document.all[i].src=oEditor.document.all[i].getAttribute("src_iwe");
  2584. oEditor.document.all[i].removeAttribute("src_iwe",0);
  2585. }
  2586. }
  2588. idSpan.removeAttribute("id",0);
  2589. return idSpan;
  2590. }
  2591. function makeAbsolute()
  2592. {
  2593. if(!this.checkFocus())return;//Focus stuff
  2594. var oEditor=eval("idContent"+this.oName);
  2595. var oSel=oEditor.document.selection.createRange();
  2597. if(oSel.parentElement)
  2598. {
  2599. var oElement=oSel.parentElement();
  2600. oElement.style.position="absolute";
  2601. }
  2602. else
  2603. this.doCmd("AbsolutePosition");
  2604. }
  2605. function doKeyPress(evt,oName)
  2606. {
  2607. if(!eval(oName).arrUndoList[0]){eval(oName).saveForUndo();}//pengganti saveForUndo_First
  2609. if(evt.ctrlKey)
  2610. {
  2611. if(evt.keyCode==89)
  2612. {//CTRL-Y (Redo)
  2613. eval(oName).doRedo();
  2614. }
  2615. if(evt.keyCode==90)
  2616. {//CTRL-Z (Undo)
  2617. eval(oName).doUndo();
  2618. }
  2619. if(evt.keyCode==65) 
  2620. {//CTRL-A (Select All) => spy jalan di modal dialog
  2621. eval(oName).doCmd("SelectAll");
  2622. }
  2623. }
  2625. if(evt.keyCode==37||evt.keyCode==38||evt.keyCode==39||evt.keyCode==40)//Arrow
  2626. {
  2627. eval(oName).saveForUndo();//Save for Undo
  2628. }
  2629. if(evt.keyCode==13)
  2630. {
  2631. if(eval(oName).useDIV && !eval(oName).useBR)
  2632. {
  2633. var oSel=document.selection.createRange();
  2635. if(oSel.parentElement)
  2636. {
  2637. eval(oName).saveForUndo();//Save for Undo
  2639. if(GetElement(oSel.parentElement(),"FORM"))
  2640. {
  2641. var oSel=document.selection.createRange();
  2642. oSel.pasteHTML('<br>');
  2643. evt.cancelBubble=true;
  2644. evt.returnValue=false;
  2645. oSel.select();
  2646. oSel.moveEnd("character", 1);
  2647. oSel.moveStart("character", 1);
  2648. oSel.collapse(false);
  2649. return false;
  2650. }
  2651. else
  2652. {
  2653. var oEl = GetElement(oSel.parentElement(),"H1");
  2654. if(!oEl) oEl = GetElement(oSel.parentElement(),"H2");
  2655. if(!oEl) oEl = GetElement(oSel.parentElement(),"H3");
  2656. if(!oEl) oEl = GetElement(oSel.parentElement(),"H4");
  2657. if(!oEl) oEl = GetElement(oSel.parentElement(),"H5");
  2658. if(!oEl) oEl = GetElement(oSel.parentElement(),"H6");
  2659. if(!oEl) oEl = GetElement(oSel.parentElement(),"PRE");
  2660. if(!oEl)eval(oName).doCmd("FormatBlock","<div>");
  2661. return true;
  2662. }
  2663. }
  2664. }
  2665. if((eval(oName).useDIV && eval(oName).useBR)||
  2666. (!eval(oName).useDIV && eval(oName).useBR))
  2667. {
  2668. var oSel=document.selection.createRange();
  2669. oSel.pasteHTML('<br>');
  2670. evt.cancelBubble=true;
  2671. evt.returnValue=false;
  2672. oSel.select();
  2673. oSel.moveEnd("character", 1);
  2674. oSel.moveStart("character", 1);
  2675. oSel.collapse(false);
  2676. return false;
  2677. }
  2678. eval(oName).saveForUndo();//Save for Undo
  2679. }
  2680. }
  2681. function fullScreen()
  2682. {
  2683. this.hide();
  2685. var oEditor=eval("idContent"+this.oName);
  2687. if(this.stateFullScreen)
  2688. {
  2689. this.onNormalScreen();
  2690. this.stateFullScreen=false;
  2691. document.body.style.overflow="";
  2692. document.all.id_refresh_z_index.style.margin="0px";
  2693. eval("idArea"+this.oName).style.position="";
  2694. eval("idArea"+this.oName).style.top="0";
  2695. eval("idArea"+this.oName).style.left="0";
  2696. eval("idArea"+this.oName).style.width=this.width;
  2697. eval("idArea"+this.oName).style.height=this.height;
  2699. //fix undisplayed content
  2700. if(this.initialRefresh)
  2701. {
  2702. oEditor.document.execCommand("SelectAll");
  2703. window.setTimeout("eval('idContentWord"+this.oName+"').document.execCommand('SelectAll');",0);
  2704. }
  2706. for(var i=0;i<oUtil.arrEditor.length;i++)
  2707. {
  2708. if(oUtil.arrEditor[i]!=this.oName)eval("idArea"+oUtil.arrEditor[i]).style.display="block";
  2709. }
  2710. }
  2711. else
  2712. {
  2713. this.onFullScreen();
  2714. this.stateFullScreen=true;
  2715. scroll(0,0);
  2716. document.body.style.overflow="hidden";
  2717. document.all.id_refresh_z_index.style.margin="70px";
  2718. eval("idArea"+this.oName).style.position="absolute";
  2719. eval("idArea"+this.oName).style.top="0";
  2720. eval("idArea"+this.oName).style.left="0";
  2722. //fix undisplayed content
  2723. if(this.initialRefresh)
  2724. {
  2725. oEditor.document.execCommand("SelectAll");
  2726. window.setTimeout("eval('idContentWord"+this.oName+"').document.execCommand('SelectAll');",0);
  2727. }
  2729. var numOfBrk=0;
  2730. for(var j=0;j<this.buttonMap.length;j++)if(this.buttonMap[j]=="BRK")numOfBrk++;
  2732. nToolbarHeight=(numOfBrk+1)*27;
  2734. if (document.compatMode && document.compatMode!="BackCompat")
  2735. {
  2736. //using doctype
  2737. try
  2738. {
  2739. var tes=dialogArguments;
  2740. w=(document.body.offsetWidth);
  2741. document.body.style.height="100%";
  2742. h=document.body.offsetHeight-nToolbarHeight;
  2743. document.body.style.height="";
  2744. }
  2745. catch(e)
  2746. {
  2747. w=(document.body.offsetWidth+20);
  2748. document.body.style.height="100%";
  2749. h=document.body.offsetHeight-nToolbarHeight;
  2750. document.body.style.height="";
  2751. }
  2752. }
  2753. else
  2754. {
  2755. if(document.body.style.overflow=="hidden")
  2756. {
  2757. w=document.body.offsetWidth;
  2758. }
  2759. else
  2760. {
  2761. w=document.body.offsetWidth-22;
  2762. }
  2763. h=document.body.offsetHeight-4;
  2764. }
  2766. eval("idArea"+this.oName).style.width=w;
  2767. eval("idArea"+this.oName).style.height=h;
  2769. for(var i=0;i<oUtil.arrEditor.length;i++)
  2770. {
  2771. if(oUtil.arrEditor[i]!=this.oName)eval("idArea"+oUtil.arrEditor[i]).style.display="none";
  2772. }
  2774. var oEditor=eval("idContent"+this.oName);
  2775. oEditor.focus();
  2776. }
  2777. }
  2779. /*********************
  2780. Table Insert Dropdown
  2781. **********************/
  2782. function doOver_TabCreate()
  2783. {
  2784. var oTD=event.srcElement;
  2785. var oTable=oTD.parentElement.parentElement.parentElement;
  2786. var nRow=oTD.parentElement.rowIndex;
  2787. var nCol=oTD.cellIndex;
  2788. var rows=oTable.rows;
  2789. rows[rows.length-1].childNodes[0].innerHTML="<div align=right>"+(nRow*1+1) + " x " + (nCol*1+1) + " Table ...  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style='text-decoration:underline'>Advanced</span>&nbsp;</div>";
  2790. for(var i=0;i<rows.length-1;i++)
  2791. {
  2792. var oRow=rows[i];
  2793. for(var j=0;j<oRow.childNodes.length;j++)
  2794. {
  2795. var oCol=oRow.childNodes[j];
  2796. if(i<=nRow&&j<=nCol)oCol.style.backgroundColor="#316ac5";
  2797. else oCol.style.backgroundColor="#ffffff";
  2798. }
  2799. }
  2800. event.cancelBubble=true;
  2801. }
  2802. function doOut_TabCreate()
  2803. {
  2804. var oTable=event.srcElement;
  2805. if(oTable.tagName!="TABLE")return;
  2806. var rows=oTable.rows;
  2807. rows[rows.length-1].childNodes[0].innerText=getText("Advanced Table Insert");
  2808. for(var i=0;i<rows.length-1;i++)
  2809. {
  2810. var oRow=rows[i];
  2811. for(var j=0;j<oRow.childNodes.length;j++)
  2812. {
  2813. var oCol=oRow.childNodes[j];
  2814. oCol.style.backgroundColor="#ffffff";
  2815. }
  2816. }
  2817. event.cancelBubble=true;
  2818. }
  2819. function doRefresh_TabCreate()
  2820. {
  2821. var oTable=eval("dropTableCreate"+this.oName);
  2822. var rows=oTable.rows;
  2823. rows[rows.length-1].childNodes[0].innerText=getText("Advanced Table Insert");
  2824. for(var i=0;i<rows.length-1;i++)
  2825. {
  2826. var oRow=rows[i];
  2827. for(var j=0;j<oRow.childNodes.length;j++)
  2828. {
  2829. var oCol=oRow.childNodes[j];
  2830. oCol.style.backgroundColor="#ffffff";
  2831. }
  2832. }
  2833. }
  2834. function doClick_TabCreate()
  2835. {
  2836. this.hide();
  2838. if(!this.checkFocus())return;//Focus stuff
  2839. var oEditor=eval("idContent"+this.oName);
  2840. var oSel=oEditor.document.selection.createRange();
  2842. var oTD=event.srcElement;
  2843. var nRow=oTD.parentElement.rowIndex+1;
  2844. var nCol=oTD.cellIndex+1;
  2846. this.saveForUndo();
  2848. var sHTML="<table style='border-collapse:collapse;width:100%;'>";
  2849. for(var i=1;i<=nRow;i++)
  2850. {
  2851. sHTML+="<tr>";
  2852. for(var j=1;j<=nCol;j++)
  2853. {
  2854. sHTML+="<td></td>";
  2855. }
  2856. sHTML+="</tr>";
  2857. }
  2858. sHTML+="</table>";
  2860. if(oSel.parentElement)
  2861. oSel.pasteHTML(sHTML);
  2862. else
  2863. oSel.item(0).outerHTML = sHTML;
  2865. realTime(this.oName);
  2867. //*** RUNTIME STYLES ***
  2868. this.runtimeBorder(false);
  2869. this.runtimeStyles();
  2870. //***********************
  2871. }
  2873. /*********************
  2874. Show/Hide Dropdown
  2875. **********************/
  2876. function dropShow(oEl,box)
  2877. {
  2878. this.hide();
  2880. box.style.display="block";
  2881. var nTop=0;
  2882. var nLeft=0;
  2884. oElTmp=oEl;
  2885. while(oElTmp.tagName!="BODY" && oElTmp.tagName!="HTML")
  2886. {
  2887. if(oElTmp.style.top!="")
  2888. nTop+=oElTmp.style.top.substring(1,oElTmp.style.top.length-2)*1;
  2889. else nTop+=oElTmp.offsetTop;
  2890. oElTmp = oElTmp.offsetParent;
  2891. }
  2893. oElTmp=oEl;
  2894. while(oElTmp.tagName!="BODY" && oElTmp.tagName!="HTML")
  2895. {
  2896. if(oElTmp.style.left!="")
  2897. nLeft+=oElTmp.style.left.substring(1,oElTmp.style.left.length-2)*1;
  2898. else nLeft+=oElTmp.offsetLeft;
  2899. oElTmp=oElTmp.offsetParent;
  2900. }
  2902. box.style.left=nLeft;
  2903. box.style.top=nTop+1+this.dropTopAdjustment;
  2904. }
  2905. function hide()
  2906. {
  2907. if(this.btnPreview)eval("dropPreview"+this.oName).style.display="none";
  2908. if(this.btnTextFormatting||this.btnParagraphFormatting||this.btnListFormatting||this.btnBoxFormatting||this.btnStyles||this.btnCssText)eval("dropStyle"+this.oName).style.display="none";
  2909. if(this.btnParagraph)eval("dropParagraph"+this.oName).style.display="none";
  2910. if(this.btnFontName)eval("dropFontName"+this.oName).style.display="none";
  2911. if(this.btnFontSize)eval("dropFontSize"+this.oName).style.display="none";
  2912. if(this.btnTable)eval("dropTable"+this.oName).style.display="none";
  2913. if(this.btnTable)eval("dropTableCreate"+this.oName).style.display="none";
  2914. if(this.btnForm)eval("dropForm"+this.oName).style.display="none";
  2915. if(this.btnCustomTag)eval("dropCustomTag"+this.oName).style.display="none";
  2917. this.oColor1.hide();
  2918. this.oColor2.hide();
  2920. //additional
  2921. if(this.btnTable)this.doRefresh_TabCreate();
  2922. }
  2924. /*********************
  2925. Open Dialog
  2926. **********************/
  2927. function modelessDialogShow(url,width,height)
  2928. {
  2929. window.showModelessDialog(url,window,
  2930. "dialogWidth:"+width+"px;dialogHeight:"+height+"px;edge:Raised;center:1;help:0;resizable:1;");
  2931. }
  2932. function modalDialogShow(url,width,height)
  2933. {
  2934. window.showModalDialog(url,window,
  2935. "dialogWidth:"+width+"px;dialogHeight:"+height+"px;edge:Raised;center:1;help:0;resizable:1;maximize:1");
  2936. }
  2938. /*********************
  2939. HTML to XHTML
  2940. **********************/
  2941. function lineBreak1(tag) //[0]<TAG>[1]text[2]</TAG>
  2942. {
  2943. arrReturn = ["n","",""];
  2944. if( tag=="A"||tag=="B"||tag=="CITE"||tag=="CODE"||tag=="EM"||
  2945. tag=="FONT"||tag=="I"||tag=="SMALL"||tag=="STRIKE"||tag=="BIG"||
  2946. tag=="STRONG"||tag=="SUB"||tag=="SUP"||tag=="U"||tag=="SAMP"||
  2947. tag=="S"||tag=="VAR"||tag=="BASEFONT"||tag=="KBD"||tag=="TT")
  2948. arrReturn=["","",""];
  2950. if( tag=="TEXTAREA"||tag=="TABLE"||tag=="THEAD"||tag=="TBODY"||
  2951. tag=="TR"||tag=="OL"||tag=="UL"||tag=="DIR"||tag=="MENU"||
  2952. tag=="FORM"||tag=="SELECT"||tag=="MAP"||tag=="DL"||tag=="HEAD"||
  2953. tag=="BODY"||tag=="HTML")
  2954. arrReturn=["n","","n"];
  2956. if( tag=="STYLE"||tag=="SCRIPT")
  2957. arrReturn=["n","",""];
  2959. if(tag=="BR"||tag=="HR")
  2960. arrReturn=["","n",""];
  2962. return arrReturn;
  2963. }
  2964. function fixAttr(s)
  2965. {
  2966. s = String(s).replace(/&/g, "&amp;");
  2967. s = String(s).replace(/</g, "&lt;");
  2968. s = String(s).replace(/"/g, "&quot;");
  2969. return s;
  2970. }
  2971. function fixVal(s)
  2972. {
  2973. s = String(s).replace(/&/g, "&amp;");
  2974. s = String(s).replace(/</g, "&lt;");
  2975. return s;
  2976. }
  2977. function recur(oEl,sTab)
  2978. {
  2979. var sHTML="";
  2980. for(var i=0;i<oEl.childNodes.length;i++)
  2981. {
  2982. var oNode=oEl.childNodes(i);
  2983. if(oNode.nodeType==1)//tag
  2984. {
  2985. var sTagName = oNode.nodeName;
  2987. var bDoNotProcess=false;
  2988. if(sTagName.substring(0,1)=="/")
  2989. {
  2990. bDoNotProcess=true;//do not process
  2991. }
  2992. else
  2993. {
  2994. /*** tabs ***/
  2995. var sT= sTab;
  2996. sHTML+= lineBreak1(sTagName)[0];
  2997. if(lineBreak1(sTagName)[0] !="") sHTML+= sT;//If new line, use base Tabs
  2998. /************/
  2999. }
  3001. if(bDoNotProcess)
  3002. {
  3003. ;//do not process
  3004. }
  3005. else if(sTagName=="OBJECT" || sTagName=="EMBED")
  3006. {
  3007. s=oNode.outerHTML;
  3009. s=s.replace(/"[^"]*"/ig,function(x){
  3010. x=x.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/'/g, "&apos;").replace(/[s+]/ig,"#_#");
  3011. return x});
  3012. s=s.replace(/<([^ >]*)/ig,function(x){return x.toLowerCase()});
  3013. s=s.replace(/ ([^=]+)=([^"' >]+)/ig," $1="$2"");//new
  3014. s=s.replace(/ ([^=]+)=/ig,function(x){return x.toLowerCase()});
  3015. s=s.replace(/#_#/ig," ");
  3017. s=s.replace(/<param([^>]*)>/ig,"n<param$1 />").replace(// />$/ig," />");//no closing tag
  3019. if(sTagName=="EMBED")
  3020. if(oNode.innerHTML=="")
  3021. s=s.replace(/>$/ig," />").replace(// />$/ig,"/>");//no closing tag
  3023. s=s.replace(/<param name="Play" value="0" />/,"<param name="Play" value="-1" />");
  3025. sHTML+=s;
  3026. }
  3027. else if(sTagName=="TITLE")
  3028. {
  3029. sHTML+="<title>"+oNode.innerHTML+"</title>";
  3030. }
  3031. else
  3032. {
  3033. if(sTagName=="AREA")
  3034. {
  3035. var sCoords=oNode.coords;
  3036. var sShape=oNode.shape;
  3037. }
  3039. var oNode2=oNode.cloneNode();
  3040. s=oNode2.outerHTML.replace(/</[^>]*>/,"");
  3042. if(sTagName=="STYLE")
  3043. {
  3044. var arrTmp=s.match(/<[^>]*>/ig);
  3045. s=arrTmp[0];
  3046. }
  3048. s=s.replace(/"[^"]*"/ig,function(x){
  3049. //x=x.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/'/g, "&apos;").replace(/[s+]/ig,"#_#");
  3050. //x=x.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/[s+]/ig,"#_#");
  3051. x=x.replace(/&/g, "&amp;").replace(/&amp;amp;/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/[s+]/ig,"#_#");
  3052. return x});
  3053. //info ttg: .replace(/&amp;amp;/g, "&amp;")
  3054. //ini karena '&' di (hanya) '&amp;' selalu di-replace lagi dgn &amp;.
  3055. //tapi kalau &lt; , &gt; tdk (no problem) => default behaviour
  3057. s=s.replace(/<([^ >]*)/ig,function(x){return x.toLowerCase()});
  3058. s=s.replace(/ ([^=]+)=([^" >]+)/ig," $1="$2"");
  3059. s=s.replace(/ ([^=]+)=/ig,function(x){return x.toLowerCase()});
  3060. s=s.replace(/#_#/ig," ");
  3062. //single attribute
  3063. s=s.replace(/[<hr]?(noshade)/ig,"noshade="noshade"");
  3064. s=s.replace(/[<input]?(checked)/ig,"checked="checked"");
  3065. s=s.replace(/[<select]?(multiple)/ig,"multiple="multiple"");
  3066. s=s.replace(/[<option]?(selected)/ig,"selected="true"");
  3067. s=s.replace(/[<input]?(readonly)/ig,"readonly="readonly"");
  3068. s=s.replace(/[<input]?(disabled)/ig,"checked="disabled"");
  3069. s=s.replace(/[<td]?(nowrap )/ig,"nowrap="nowrap" ");
  3070. s=s.replace(/[<td]?(nowrap>)/ig,"nowrap="nowrap">");
  3072. s=s.replace(/ contenteditable="true"/ig,"");
  3074. if(sTagName=="AREA")
  3075. {
  3076. s=s.replace(/ coords="0,0,0,0"/ig," coords=""+sCoords+""");
  3077. s=s.replace(/ shape="RECT"/ig," shape=""+sShape+""");
  3078. }
  3080. var bClosingTag=true;
  3081. if(sTagName=="IMG"||sTagName=="BR"||
  3082. sTagName=="AREA"||sTagName=="HR"||
  3083. sTagName=="INPUT"||sTagName=="BASE"||
  3084. sTagName=="LINK")//no closing tag
  3085. {
  3086. s=s.replace(/>$/ig," />").replace(// />$/ig,"/>");//no closing tag
  3087. bClosingTag=false;
  3088. }
  3090. sHTML+=s;
  3092. /*** tabs ***/
  3093. if(sTagName!="TEXTAREA")sHTML+= lineBreak1(sTagName)[1];
  3094. if(sTagName!="TEXTAREA")if(lineBreak1(sTagName)[1] !="") sHTML+= sT;//If new line, use base Tabs
  3095. /************/
  3097. if(bClosingTag)
  3098. {
  3099. /*** CONTENT ***/
  3100. s=oNode.outerHTML;
  3101. if(sTagName=="SCRIPT")
  3102. {
  3103. s = s.replace(/<script([^>]*)>[n+s+t+]*/ig,"<script$1>");//clean spaces
  3104. s = s.replace(/[n+s+t+]*</script>/ig,"</script>");//clean spaces
  3105. s = s.replace(/<script([^>]*)>//<![CDATA[/ig,"");
  3106. s = s.replace(///]]></script>/ig,"");
  3107. s = s.replace(/<script([^>]*)>/ig,"");
  3108. s = s.replace(/</script>/ig,"");
  3109. s = s.replace(/^s+/,'').replace(/s+$/,'');
  3111. sHTML+="n"+
  3112. sT + "//<![CDATA[n"+
  3113. sT + s + "n"+
  3114. sT + "//]]>n"+sT;
  3115. }
  3116. if(sTagName=="STYLE")
  3117. {
  3118. s = s.replace(/<style([^>]*)>[n+s+t+]*/ig,"<style$1>");//clean spaces
  3119. s = s.replace(/[n+s+t+]*</style>/ig,"</style>");//clean spaces
  3120. s = s.replace(/<style([^>]*)><!--/ig,"");
  3121. s = s.replace(/--></style>/ig,"");
  3122. s = s.replace(/<style([^>]*)>/ig,"");
  3123. s = s.replace(/</style>/ig,"");
  3124. s = s.replace(/^s+/,"").replace(/s+$/,"");
  3126. sHTML+="n"+
  3127. sT + "<!--n"+
  3128. sT + s + "n"+
  3129. sT + "-->n"+sT;
  3130. }
  3131. if(sTagName=="DIV"||sTagName=="P")
  3132. {
  3133. if(oNode.innerHTML==""||oNode.innerHTML=="&nbsp;")
  3134. {
  3135. sHTML+="&nbsp;";
  3136. }
  3137. else sHTML+=recur(oNode,sT+"t");
  3138. }
  3139. else
  3140. {
  3141. sHTML+=recur(oNode,sT+"t");
  3142. }
  3144. /*** tabs ***/
  3145. if(sTagName!="TEXTAREA")sHTML+=lineBreak1(sTagName)[2];
  3146. if(sTagName!="TEXTAREA")if(lineBreak1(sTagName)[2] !="")sHTML+=sT;//If new line, use base Tabs
  3147. /************/
  3149. sHTML+="</" + sTagName.toLowerCase() + ">";
  3150. }
  3151. }
  3152. }
  3153. else if(oNode.nodeType==3)//text
  3154. {
  3155. sHTML+= fixVal(oNode.nodeValue);
  3156. }
  3157. else if(oNode.nodeType==8)
  3158. {
  3159. if(oNode.outerHTML.substring(0,2)=="<"+"%")
  3160. {//server side script
  3161. sTmp=(oNode.outerHTML.substring(2));
  3162. sTmp=sTmp.substring(0,sTmp.length-2);
  3163. sTmp = sTmp.replace(/^s+/,"").replace(/s+$/,"");
  3165. /*** tabs ***/
  3166. var sT= sTab;
  3167. /************/
  3169. sHTML+="n" +
  3170. sT + "<%n"+
  3171. sT + sTmp + "n" +
  3172. sT + "%>n"+sT;
  3173. }
  3174. else
  3175. {//comments
  3176. sTmp=oNode.nodeValue;
  3177. sTmp = sTmp.replace(/^s+/,"").replace(/s+$/,"");
  3179. sHTML+="n" +
  3180. sT + "<!--n"+
  3181. sT + sTmp + "n" +
  3182. sT + "-->n"+sT;
  3183. }
  3184. }
  3185. else
  3186. {
  3187. ;//Not Processed
  3188. }
  3189. }
  3190. return sHTML;
  3191. }
  3193. /*********************
  3194. TOOLBAR ICONS
  3195. **********************/
  3196. var buttonArrays=[];
  3197. var buttonArraysCount=0;
  3199. function writeIconToggle(id,command,img,title)
  3200. {
  3201. w=this.iconWidth;
  3202. h=this.iconHeight;
  3203. imgPath=this.scriptPath+this.iconPath+img;
  3204. sHTML=""+
  3205. "<td unselectable='on' style='padding-right:1px;VERTICAL-ALIGN: top;margin-left:0;margin-right:1px;margin-bottom:1px;width:"+w+"px;height:"+h+"px;'>"+
  3206. "<span unselectable='on' style='position:absolute;clip: rect(0 "+w+"px "+h+"px 0)'>"+
  3207. "<img name=""+id+"" id=""+id+"" btnIndex=""+buttonArraysCount+"" unselectable='on' src='"+imgPath+"' style='position:absolute;top:-0;width:"+w+"px'"+
  3208. "onmouseover='doOver(this)' "+
  3209. "onmouseout='doOut(this)' "+
  3210. "onmousedown='doDown(this)' "+
  3211. "onmouseup="if(doUpToggle(this)){"+command+"}" alt=""+title+"">"+
  3212. "</span></td>";
  3213. sHTML="<table align=left cellpadding=0 cellspacing=0 style='table-layout:fixed;'><tr>"+sHTML+"</tr></table>";
  3214. buttonArrays.push(["inactive"]);
  3215. buttonArraysCount++;
  3216. return sHTML;
  3217. }
  3218. function writeIconStandard(id,command,img,title)
  3219. {
  3220. w=this.iconWidth;
  3221. h=this.iconHeight;
  3222. imgPath=this.scriptPath+this.iconPath+img;
  3223. sHTML=""+
  3224. "<td unselectable='on' style='padding-right:1px;VERTICAL-ALIGN: top;margin-left:0;margin-right:1px;margin-bottom:1px;width:"+w+"px;height:"+h+"px;'>"+
  3225. "<span unselectable='on' style='position:absolute;clip: rect(0 "+w+"px "+h+"px 0)'>"+
  3226. "<img name=""+id+"" id=""+id+"" btnIndex=""+buttonArraysCount+"" unselectable='on' src='"+imgPath+"' style='position:absolute;top:-0;width:"+w+"px'"+
  3227. "onmouseover='doOver(this)' "+
  3228. "onmouseout='doOut(this)' "+
  3229. "onmousedown='doDown(this)' "+
  3230. "onmouseup="if(doUp(this)){"+command+"}" alt=""+title+"">"+
  3231. "</span></td>";
  3232. sHTML="<table align=left cellpadding=0 cellspacing=0 style='table-layout:fixed;'><tr>"+sHTML+"</tr></table>";
  3233. buttonArrays.push(["inactive"]);
  3234. buttonArraysCount++;
  3235. return sHTML;
  3236. }
  3237. function writeBreakSpace()
  3238. {
  3239. w=this.iconWidth;
  3240. h=this.iconHeight;
  3241. imgPath=this.scriptPath+this.iconPath+"brkspace.gif";
  3242. sHTML=""+
  3243. "<td unselectable='on' style='padding-left:0px;padding-right:0px;VERTICAL-ALIGN:top;margin-bottom:1px;width:5px;height:"+h+"px;'>"+
  3244. "<img unselectable='on' src='"+imgPath+"'></td>";
  3245. sHTML="<table align=left cellpadding=0 cellspacing=0 style='table-layout:fixed;'><tr>"+sHTML+"</tr></table>";
  3246. return sHTML;
  3247. }
  3248. function writeDropDown(id,command,img,title,width)
  3249. {
  3250. w=width;
  3251. h=this.iconHeight;
  3253. /*** Localization ***/
  3254. imgPath=this.scriptPath+this.iconPath+oUtil.langDir+"/"+img;
  3255. /*** /Localization ***/
  3257. sHTML=""+
  3258. "<td unselectable='on' style='padding-right:1px;VERTICAL-ALIGN: top;margin-left:0;margin-right:1px;margin-bottom:1px;width:"+w+"px;height:"+h+"px;'>"+
  3259. "<span unselectable='on' style='position:absolute;clip: rect(0 "+w+"px "+h+"px 0)'>"+
  3260. "<img name=""+id+"" id=""+id+"" btnIndex=""+buttonArraysCount+"" unselectable='on' src='"+imgPath+"' style='position:absolute;top:-0;width:"+w+"px'"+
  3261. "onmouseover='doOver(this)' "+
  3262. "onmouseout='doOut(this)' "+
  3263. "onmousedown='doDown(this)' "+
  3264. "onmouseup="if(doUp(this)){"+command+"}" alt=""+title+"">"+
  3265. "</span></td>";
  3266. sHTML="<table align=left cellpadding=0 cellspacing=0 style='table-layout:fixed;'><tr>"+sHTML+"</tr></table>";
  3267. buttonArrays.push(["inactive"]);
  3268. buttonArraysCount++;
  3269. return sHTML;
  3270. }
  3271. function doOver(btn)
  3272. {
  3273. btnArr=buttonArrays[btn.btnIndex];
  3274. if(btnArr[0]=="inactive")btn.style.top=-24;//no.2
  3275. }
  3276. function doDown(btn)
  3277. {
  3278. btnArr=buttonArrays[btn.btnIndex];
  3279. if(btnArr[0]!="disabled")btn.style.top=-48;//no.3
  3280. }
  3281. var bCancel=false;
  3282. function doOut(btn)
  3283. {
  3284. if(btn.style.top=="-48px")
  3285. {//lagi pushed tapi mouseout (cancel)
  3286. bCancel=true;
  3287. }
  3288. btnArr=buttonArrays[btn.btnIndex];
  3289. if(btnArr[0]=="active")btn.style.top=-72;//no.4 (remain active/pushed)
  3290. if(btnArr[0]=="inactive")btn.style.top=0;//no.1 (remain inactive)
  3291. }
  3292. function doUpToggle(btn)
  3293. {
  3294. if(bCancel)
  3295. {//lagi pushed tapi mouseout (cancel)
  3296. bCancel=false;btn.style.top=0;
  3297. return false;
  3298. }
  3299. btnArr = buttonArrays[btn.btnIndex];
  3300. if(btnArr[0]=="inactive")
  3301. {
  3302. btn.style.top=-72;//no.4
  3303. btnArr[0]="active";
  3304. return true;
  3305. }
  3306. if(btnArr[0]=="active")
  3307. {
  3308. btn.style.top=-24;//no.2
  3309. btnArr[0]="inactive";
  3310. return true;
  3311. }
  3312. }
  3313. function doUp(btn)//return true/false
  3314. {
  3315. if(bCancel)
  3316. {//lagi pushed tapi mouseout (cancel)
  3317. bCancel=false;btn.style.top=0;
  3318. return false;
  3319. }
  3320. btnArr=buttonArrays[btn.btnIndex];
  3321. if(btnArr[0]=="disabled") return false;
  3322. btn.style.top=-24;//no.2
  3323. return true;
  3324. }
  3325. function makeEnablePushed(btn)
  3326. {
  3327. btnArr=buttonArrays[btn.btnIndex];
  3328. btnArr[0]="active";
  3329. btn.style.top=-72;//no.4
  3330. }
  3331. function makeEnableNormal(btn)
  3332. {
  3333. btnArr=buttonArrays[btn.btnIndex];
  3334. btnArr[0]="inactive";
  3335. btn.style.top=0;//no.1
  3336. }
  3337. function makeDisabled(btn)
  3338. {
  3339. btnArr=buttonArrays[btn.btnIndex];
  3340. btnArr[0]="disabled";
  3341. btn.style.top=-96;//no.5
  3342. }