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

源码开发语言/平台
当前位置：首页 > 源码/资料 > Windows编程 > 数据库编程 > 查看源码
editor.js
资源名称：eat.rar　[点击查看]
上传用户：jisenq
上传日期：2014-06-29
资源大小：7216k
文件大小：122k
源码类别：

数据库编程

开发平台：

ASP/ASPX

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