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

源码开发语言/平台
当前位置：首页 > 文章/文档 > 软件测试 > 查看源码
FTB-FreeTextBox.js
资源名称：moban.rar　[点击查看]
上传用户：szraylite
上传日期：2018-06-06
资源大小：11546k
文件大小：48k
源码类别：

软件测试

开发平台：

Java

FTB-FreeTextBox.js：源码内容
  2. /* main FTB object
  3. -------------------------------------- */
  4. function FTB_FreeTextBox(id, enableToolbars, readOnly, buttons, dropdownlists, breakMode, pasteMode, tabMode, startMode, clientSideTextChanged, designModeCss, designModeBodyTagCssClass, baseUrl, textDirection, buttonImageFormat, imageGalleryUrl, imageGalleryPath, receiveFocus, buttonWidth, buttonHeight) {
  5. this.debug = document.getElementById('debug');
  7. this.id = id;
  8. this.enableToolbars = enableToolbars;
  9. this.readOnly = readOnly;
  10. this.buttons = buttons;
  11. this.dropdownlists = dropdownlists;
  12. this.breakMode = breakMode;
  13. this.pasteMode = pasteMode;
  14. this.tabMode = tabMode;
  15. this.startMode = startMode;
  16. this.clientSideTextChanged = clientSideTextChanged;
  18. this.designModeCss = designModeCss;
  19. this.designModeBodyTagCssClass = designModeBodyTagCssClass;
  20. this.baseUrl = baseUrl;
  21. this.textDirection = textDirection;
  22. this.buttonImageFormat = buttonImageFormat; // currently unused
  23. this.imageGalleryUrl = imageGalleryUrl;
  24. this.imageGalleryPath = imageGalleryPath;
  25. this.hasFocus = false;
  26. this.mode = FTB_MODE_DESIGN;
  27. this.initialized = false;
  28. this.undoArray = new Array();
  29. this.undoArrayMax = 16;
  30. this.undoArrayPos = -1;
  31. this.lastEvent = null;
  32. //};
  33. //FTB_FreeTextBox.prototype.Initialize = function() {
  34. var ftb = this;
  37. // 2. Find everything
  38. //* windows
  39. this.htmlEditor = document.getElementById(this.id);
  41. if (FTB_Browser.isIE) {
  42. this.previewPane = eval(this.id + "_previewPane");
  43. this.designEditor = eval(this.id + "_designEditor");
  44. this.designEditor.ftb = this;
  45. this.designEditor.document.ftb = this;
  46. document.getElementById(this.id + "_designEditor").document.ftb = this;
  47. } else {
  48. this.previewPane = document.getElementById(this.id + "_previewPane").contentWindow;
  49. this.designEditor = document.getElementById(this.id + "_designEditor").contentWindow;
  50. this.designEditor.document.ftb = this;
  51. }
  53. //* areas
  54. this.toolbarArea = document.getElementById(this.id + "_toolbarArea");
  55. this.designEditorArea = document.getElementById(this.id + "_designEditorArea");
  56. this.htmlEditorArea = document.getElementById(this.id + "_htmlEditorArea");
  57. this.previewPaneArea = document.getElementById(this.id + "_previewPaneArea");
  59. //* tabs
  60. this.designModeTab = document.getElementById(this.id + "_designModeTab");
  61. if (this.designModeTab) {
  62. this.designModeTab.ftb = this;
  63. this.designModeTab.onclick = function() { if (!this.ftb.readOnly) {this.ftb.GoToDesignMode(); this.ftb.Focus(); this.ftb.UpdateToolbars(); }}
  64. }
  66. this.htmlModeTab = document.getElementById(this.id + "_htmlModeTab");
  67. if (this.htmlModeTab) {
  69. this.htmlModeTab.ftb = this;
  70. this.htmlModeTab.onclick = function() { if (!this.ftb.readOnly) {this.ftb.GoToHtmlMode(); this.ftb.Focus();  this.ftb.UpdateToolbars(); }}
  71. }
  73. this.previewModeTab = document.getElementById(this.id + "_previewModeTab");
  74. if (this.previewModeTab && !this.ftb.readOnly) {
  76. this.previewModeTab.ftb = this;
  77. this.previewModeTab.onclick = function() { if (!this.ftb.readOnly) {this.ftb.GoToPreviewMode();}}
  78. }
  80. //* ancestor area
  81. this.ancestorArea = document.getElementById(this.id + "_AncestorArea");
  83. // 3. Tell buttons who owns them
  84. //* setup buttons & dropdowns
  85. if (this.enableToolbars) {
  86. for(var i=0; i<this.buttons.length; i++) {
  87. button = this.buttons[i];
  88. button.ftb = this;
  89. if (!this.readOnly)
  90. button.Initialize();
  91. }
  92. for(var i=0; i<this.dropdownlists.length; i++) {
  93. dropdownlist = this.dropdownlists[i];
  94. dropdownlist.ftb = this;
  95. }
  96. }
  97.        
  99. // 4. Setup editor for use
  100. if (!this.readOnly) {
  101. this.designEditor.document.designMode = 'On';
  103. if (FTB_Browser.isGecko) this.designEditor.document.contentEditable = true;
  104.     }
  106. //((this.designModeCss != '') ? "<style type='text/css'>@import url(" + this.designModeCss + ");</style>" : "") + 
  107. this.designEditor.document.open();
  108. this.designEditor.document.write("<html" + ((this.textDirection == "rtl") ? " dir='rtl'" : "") + ">" + 
  109. "<head>" + 
  110. ((this.designModeCss != '') ? "<link rel='stylesheet' href='" + this.designModeCss + "' type='text/css' />" : "") + 
  111. ((this.baseUrl != '') ? "<base href='" + this.baseUrl + "' />" : "") + 
  112. "</head>" + 
  113. "<body" + ((this.designModeBodyTagCssClass != '') ? " class='" + this.designModeBodyTagCssClass + "'" : "") + ">" + 
  114. this.StoreUrls(this.htmlEditor.value) + 
  115. "</body>" + 
  116. "</html>");
  117. this.designEditor.document.close();
  119. if (FTB_Browser.isIE)   {
  120. this.designEditor.document.execCommand("2D-Position", true, true);
  121. this.designEditor.document.execCommand("MultipleSelection", true, true);
  122. }
  124. if (!this.readOnly) {
  125. if (FTB_Browser.isIE) this.designEditor.document.body.contentEditable = true;
  126. // enable this html area
  127. this.htmlEditor.disabled = '';
  128. }
  130. // IE can't get the style right until now...
  131. if (FTB_Browser.isIE) {
  132. this.designEditor.document.body.style.border = '0';
  133. }
  136. // 5. Add events
  137.     if (!this.readOnly) {
  138. if (FTB_Browser.isIE) {
  139. FTB_AddEvents(this.designEditor.document,
  140. new Array("keydown","keypress","mousedown"),
  141. function(e) { ftb.hasFocus=true; return ftb.Event(e); } 
  142. );
  144. FTB_AddEvent(this.designEditor.document.body,
  145. "blur",
  146. function(e) { ftb.Event(e); ftb.hasFocus=false; ftb.StoreHtml(); } 
  147. );
  148. } else {
  149. var evt = function(e) {
  150. //alert(this.document.ftb);
  151. if (this.document.ftb != null) {
  152. this.document.ftb.hasFocus=true; 
  153. this.document.ftb.Event(e);
  154. }
  155. return false;
  156. }
  157. this.designEditor.addEventListener("keydown", evt, true);
  158. this.designEditor.addEventListener("keypress", evt, true);
  159. this.designEditor.addEventListener("mousedown", evt, true);
  161.        // no paste event in Mozilla
  162. }
  163. FTB_AddEvents(this.designEditor,
  164. new Array("blur"),
  165. function(e) { ftb.hasFocus=false; ftb.Event(e); ftb.StoreHtml(); } 
  166. );
  167. }
  168.      
  169. if (this.startMode == FTB_MODE_HTML)
  170. this.GoToHtmlMode();
  172. if (this.readOnly) 
  173. this.DisableAllToolbarItems();
  174. else
  175. this.UpdateToolbars();
  177. this.undoArray[0] = this.htmlEditorArea.value;
  178. this.initialized = true;
  180. if (FTB_Browser.isGecko && !this.readOnly && this.startMode != FTB_MODE_HTML) {
  181. this.designEditor.document.designMode = 'On';
  182. this.designEditor.document.execCommand("useCSS", false, true);
  183. }
  185. if (this.receiveFocus) this.Focus();
  186. };
  189. FTB_FreeTextBox.prototype.StoreUrls = function(input) {
  190. // store urls in temporary attribute (if not already done)
  191. if (!input.match(/(temp_src|temp_href)/gi, input)) {
  192. input = input.replace(new RegExp('src\s*=\s*"([^ >"]*)"', 'gi'), 'src="$1" temp_src="$1"');
  193. input = input.replace(new RegExp('href\s*=\s*"([^ >"]*)"', 'gi'), 'href="$1" temp_href="$1"');
  194. }
  195. return input;
  196. }
  198. FTB_FreeTextBox.prototype.RemoveTempUrls = function(input) {
  199. input = input.replace(new RegExp('\s*temp_src\s*=\s*"([^ >"]*)"', 'gi'), '');
  200. input = input.replace(new RegExp('\s*temp_href\s*=\s*"([^ >"]*)"', 'gi'), '');
  201. return input;
  202. }
  204. FTB_FreeTextBox.prototype.DesignTabClick = function() {
  205. this.GoToDesignMode(); 
  206. this.Focus(); 
  207. this.UpdateToolbars(); 
  208. }
  210. FTB_FreeTextBox.prototype.HtmlTabClick = function() {
  211. this.GoToHtmlMode(); 
  212. this.Focus();
  213. this.UpdateToolbars();
  214. }
  216. FTB_FreeTextBox.prototype.RefreshDesignMode = function() {
  217. if (!this.readOnly && FTB_Browser.isGecko) {
  218. this.designEditor.document.designMode = 'on'; 
  219. this.designEditor.document.execCommand('useCSS', false, true); 
  220. }
  221. }
  223. FTB_FreeTextBox.prototype.AddStyle = function(css) {
  224. var styleEl=document.createElement('style');
  225. styleEl.type='text/css';
  226. styleEl.appendChild(css);
  227. this.designEditor.document.appendChild(styleEl);
  228. };
  230. FTB_FreeTextBox.prototype.Event = function(ev) {
  231.   this.hasFocus = true;
  233. if (ev != null) { 
  235.   if (FTB_Browser.isIE) {
  236.   sel = this.GetSelection();
  237.   r = this.CreateRange(sel);  
  238.  
  239.   // check for undo && redo
  240.   if (ev.ctrlKey && ev.keyCode == FTB_KEY_Z) {
  241.   this.Undo();
  242. this.CancelEvent(ev);
  243.   } else if (ev.ctrlKey && ev.keyCode == FTB_KEY_Y) { 
  244.   this.Redo(); 
  245. this.CancelEvent(ev);
  246.   } else {
  247.  
  248.   if (ev.keyCode == FTB_KEY_ENTER) {
  249.   if (this.breakMode == FTB_BREAK_BR || ev.ctrlKey) {
  250. if (sel.type == 'Control') {
  251. return;
  252. }
  253. if ((!this.CheckTag(r.parentElement(),'LI'))&&(!this.CheckTag(r.parentElement(),'H'))) {
  254. r.pasteHTML('<br>');
  255. this.CancelEvent(ev);
  256. r.select();
  257. r.collapse(false);
  258. return false;
  259. } 
  260.   } 
  261. } else if ((ev.ctrlKey && !ev.shiftKey && !ev.altKey)) {
  262. if (ev.keyCode == FTB_KEY_V || ev.keyCode == 118) {
  263. this.CapturePaste();
  264. this.CancelEvent(ev);
  265. }
  266.   } else if (ev.keyCode == FTB_KEY_TAB) {
  267.   if (this.CheckTag(r.parentElement(),'LI')) {
  268.   if (ev.shiftKey)
  269.   this.ExecuteCommand("outdent");
  270.   else
  271.   this.ExecuteCommand("indent");
  272.   this.CancelEvent(ev);
  273.   } else {  
  274.   switch (this.tabMode) {
  275.   default:
  276.   case FTB_TAB_NEXTCONTROL:
  277.   break;
  278.   case FTB_TAB_INSERTSPACES:
  279.   this.InsertHtml("&nbsp;&nbsp;&nbsp;");
  280.   this.CancelEvent(ev);
  281.   break;
  282.   case FTB_TAB_DISABLED:
  283.   this.CancelEvent(ev);
  284.   break;  
  285.   }
  286.   }
  287.   }
  288.   }
  289.  
  290.   } else {   
  291.   if (ev.type == "keypress" || ev.type == "keydown") {
  292.  
  293.  
  294. // check for undo && redo
  295. if (ev.ctrlKey && ev.which && ev.which == FTB_KEY_Z) {  
  296. this.Undo();
  297. this.CancelEvent(ev);
  298. } else if (ev.ctrlKey && ev.which && ev.which == FTB_KEY_Y) {  
  299. this.Redo(); 
  300. this.CancelEvent(ev);
  301. } else {
  303. if (ev.keyCode == FTB_KEY_ENTER) {
  304. if (this.breakMode == FTB_BREAK_P) {
  305. /*
  306. var insertP = true;
  307. var parent = this.GetParentElement();
  309. if ( parent != null ) 
  310. if (this.CheckTag(this.GetParentElement(),'LI') )
  311. insertP = false;
  313. if (!insertP) return;
  315. if ( parent != null ) {
  316. if ( !this.CheckTag(this.GetParentElement(),'P') )
  317. this.ExecuteCommand('formatblock','','p');
  318. } else {
  319. this.ExecuteCommand('formatblock','','p');
  320. }
  321. var parent = this.GetParentElement();
  322. p = this.designEditor.document.createElement('p');
  324. sel = this.GetSelection();
  325. r = this.CreateRange(sel);
  326. r.insertNode(p);
  327. r.selectNode(p);
  328. //p.focus();
  330. //
  331. //parent.insertBefore(p);
  333. this.CancelEvent(ev);
  334. */
  335. }
  337. // check for control+commands (not in Mozilla by default)
  338. } else if ((ev.ctrlKey && !ev.shiftKey && !ev.altKey)) {
  340. if (ev.which == FTB_KEY_V || ev.which == 118) {
  341. if (ev.which == 118 && this.pasteMode != FTB_PASTE_DEFAULT) {
  342. this.CapturePaste();
  343. this.CancelEvent(ev);
  344. }
  345. } else if (ev.which == FTB_KEY_B || ev.which == 98) {
  346. if (ev.which == FTB_KEY_B) this.ExecuteCommand('bold');
  347. this.CancelEvent(ev);
  348. } else if (ev.which == FTB_KEY_I || ev.which == 105) {
  349. if (ev.which == FTB_KEY_I) this.ExecuteCommand('italic');
  350. this.CancelEvent(ev);
  351. } else if (ev.which == FTB_KEY_U || ev.which == 117) {
  352. if (ev.which == FTB_KEY_U) this.ExecuteCommand('underline');  
  353. this.CancelEvent(ev);
  354. }
  355. } else if (ev.which == FTB_KEY_TAB) {
  356. if (this.CheckTag(r.parentElement,'LI')) {
  357. // do it's own thing!
  358. } else {  
  359. switch (this.tabMode) {
  360. default:
  361. case FTB_TAB_NEXTCONTROL:
  362. // unsupported in Mozilla
  363. break;
  364. case FTB_TAB_INSERTSPACES:
  365. // do it's own thing
  366. break;
  367. case FTB_TAB_DISABLED:
  368. this.CancelEvent(ev);
  369. break;  
  370. }
  371. }
  372. }
  373. }
  374.    } 
  375.   }
  376.   }
  377.  
  378. if (this.mode == FTB_MODE_DESIGN) {
  379. FTB_Timeout.addMethod(this.id+'_UpdateToolbars',this,'UpdateToolbars',200);
  380. }
  382. if (this.clientSideTextChanged)
  383. this.clientSideTextChanged(this);
  384. };
  385. FTB_FreeTextBox.prototype.CancelEvent = function(ev) {
  386. if (FTB_Browser.isIE) {
  387. ev.cancelBubble = true;
  388. ev.returnValue = false;
  389. } else {
  390. ev.preventDefault();
  391. ev.stopPropagation();
  392. }
  393. };
  394. FTB_FreeTextBox.prototype.InsertElement = function(el) {
  395. var sel = this.GetSelection();
  396. var range = this.CreateRange(sel);
  398. if (FTB_Browser.isIE) {
  399. range.pasteHTML(el.outerHTML);
  400. } else {
  401. this.InsertNodeAtSelection(el);
  402. }
  403. };
  404. FTB_FreeTextBox.prototype.RecordUndoStep = function() {
  405. if (!this.initialized) return;
  406. ++this.undoArrayPos;
  407. if (this.undoArrayPos >= this.undoArrayMax) {
  408. // remove the first element
  409. this.undoArray.shift();
  410. --this.undoArrayPos;
  411. }
  413. var take = true;
  414. var html = this.designEditor.document.body.innerHTML;
  415. if (this.undoArrayPos > 0)
  416. take = (this.undoArray[this.undoArrayPos - 1] != html);
  417. if (take) {
  418. this.undoArray[this.undoArrayPos] = html;
  419. } else {
  420. this.undoArrayPos--;
  421. }
  422. };
  423. FTB_FreeTextBox.prototype.Undo = function() {
  424. if (this.undoArrayPos > 0) {
  425. var html = this.undoArray[--this.undoArrayPos];
  426. if (html)
  427. this.designEditor.document.body.innerHTML = html;
  428. else 
  429. ++this.undoArrayPos;
  430. }
  431. };
  432. FTB_FreeTextBox.prototype.CanUndo = function() {
  433. return true;
  434. return (this.undoArrayPos > 0);
  435. };
  436. FTB_FreeTextBox.prototype.Redo = function() {
  437. if (this.undoArrayPos < this.undoArray.length - 1) {
  438. var html = this.undoArray[++this.undoArrayPos];
  439. if (html) 
  440. this.designEditor.document.body.innerHTML = html;
  441. else 
  442. --this.undoArrayPos;
  443. }
  445. };
  446. FTB_FreeTextBox.prototype.CanRedo = function() {
  447. return true;
  448. return (this.undoArrayPos < this.undoArray.length - 1);
  449. };
  450. FTB_FreeTextBox.prototype.CapturePaste = function() {
  451.  
  452.   switch (this.pasteMode) {
  453.   case FTB_PASTE_DISABLED:
  454.   return false;
  455.   case FTB_PASTE_TEXT:
  456.   if (window.clipboardData) {
  457. var text = window.clipboardData.getData('Text');
  458. text = text.replace(/<[^>]*>/gi,'');
  459. this.InsertHtml(text);
  460. } else {
  461. alert("Your browser does not support pasting rich content");
  462. }
  463. return false; 
  464.   default:
  465.   case FTB_PASTE_DEFAULT:
  466. try {
  467. this.ExecuteCommand('paste'); 
  468. } catch (e) {
  469. alert('Your security settings to not allow you to use this command.  Please visit http://www.mozilla.org/editor/midasdemo/securityprefs.html for more information.');
  470. }
  471.   return true;
  472.   }
  473. };
  474. FTB_FreeTextBox.prototype.Debug = function(text) {
  475. if (this.debug)
  476. this.debug.value += text + 'r';
  477. };
  478. FTB_FreeTextBox.prototype.UpdateToolbars = function() {
  480. if (this.hasFocus) {
  482. if (this.mode == FTB_MODE_DESIGN) {
  483. if (this.enableToolbars) {
  484. for (var i=0; i<this.buttons.length; i++) {
  485. button = this.buttons[i];
  487. if (button.customStateQuery)
  488. button.state = button.customStateQuery();
  489. else if (button.commandIdentifier != null && button.commandIdentifier != '')
  490. button.state = this.QueryCommandState(button.commandIdentifier);
  492. button.SetButtonBackground("Out");
  493. }
  494. for (var i=0; i<this.dropdownlists.length; i++) {
  495. dropdownlist = this.dropdownlists[i];
  497. if (dropdownlist.customStateQuery)
  498. dropdownlist.SetSelected(dropdownlist.customStateQuery());
  499. else if (dropdownlist.commandIdentifier != null && dropdownlist.commandIdentifier != '') 
  500. dropdownlist.SetSelected(this.QueryCommandValue(dropdownlist.commandIdentifier));
  502. }
  503. }
  504. this.UpdateAncestorTrail();
  505. }
  507. } else {
  509. if (this.enableToolbars) {
  510. for (var i=0; i<this.buttons.length; i++) {
  511. button = this.buttons[i];
  512. button.state = FTB_BUTTON_OFF;
  513. button.SetButtonBackground("Out");
  514. }
  515. for (var i=0; i<this.dropdownlists.length; i++) {
  516. dropdownlist = this.dropdownlists[i];
  517. dropdownlist.list.selectedIndex = 0;
  518. }
  519. }
  520. this.UpdateAncestorTrail();
  521. }
  523. if (!this.undoTimer) {
  524. this.RecordUndoStep();
  525. var editor = this;
  526. this.undoTimer = setTimeout(function() {
  527. editor.undoTimer = null;
  528. }, 500);
  529. }
  531. this.StoreHtml();
  533. this.SetToolbarItemsEnabledState();
  535. if (this.timerToolbar) 
  536. this.timerToolbar = null;
  537. };
  538. FTB_FreeTextBox.prototype.UpdateAncestorTrail = function() {
  539. if (this.ancestorArea)  {
  541. if (this.hasFocus) {
  542. ancestors = this.GetAllAncestors();
  544. this.ancestorArea.innerHTML = "Path(" + ancestors.length + "): ";
  546. for (var i = ancestors.length-1; i>-1; i--) {
  547. var el = ancestors[i];
  548. if (!el) {
  549. continue;
  550. }
  551. var a = document.createElement("a");
  552. a.href = "javascript:void();";
  553. a.el = el;
  554. a.ftb = this;
  555. a.onclick = function() {
  556. this.blur();
  557. this.ftb.SelectNodeContents(this.el);
  558. this.ftb.UpdateToolbars();
  559. return false;
  560. };
  561. a.oncontextmenu = function () {
  562. this.ftb.EditElementStyle(this.el);
  563. return false;
  564. }
  566. var txt = el.tagName.toLowerCase();
  567. if (txt == "input") txt = el.type;
  568. a.title = el.style.cssText;
  569. if (el.id) {
  570. txt += "#" + el.id;
  571. }
  572. if (el.className) {
  573. txt += "." + el.className;
  574. }
  575. a.appendChild(document.createTextNode("<" + txt + ">"));
  576. this.ancestorArea.appendChild(a);
  577. //if (i != 0)
  578. // this.ancestorArea.appendChild(document.createTextNode(String.fromCharCode(0xbb)));
  580. }
  581. } else {
  582. this.ancestorArea.innerHTML = "";
  583. }
  584. }
  585. };
  586. FTB_FreeTextBox.prototype.SetToolbarItemsEnabledState = function() {
  587. if (!this.enableToolbars) return;
  588. if (this.hasFocus || !this.initialized) {
  590. if (this.mode == FTB_MODE_DESIGN ) {
  591. for (i=0; i<this.buttons.length; i++) {
  592. button = this.buttons[i];
  594. if (button.customEnabled)
  595. button.customEnabled();
  596. else 
  597. button.disabled = false;
  599. if (button.disabled)
  600. this.DisableButton(button);
  601. else
  602. this.EnableButton(button);
  603. }
  605. for (i=0; i<this.dropdownlists.length; i++) {
  606. this.dropdownlists[i].list.disabled=false;
  607. }
  608. } else {
  609. for (i=0; i<this.buttons.length; i++) {
  610. button = this.buttons[i];
  612. if (button.htmlModeEnabled) 
  613. button.disabled=false
  614. else
  615. button.disabled = true;
  617. if (button.disabled)
  618. this.DisableButton(button);
  619. else
  620. this.EnableButton(button);
  621. }
  623. for (i=0; i<this.dropdownlists.length; i++) {
  624. this.dropdownlists[i].list.selectedIndex=0;
  625. this.dropdownlists[i].list.disabled=true;
  626. }
  627. }
  628. } else {
  629. // do nothing: uncomment code to disable buttons when the editor does not have focus
  630. /*
  631. for (i=0; i<this.buttons.length; i++)
  632. this.DisableButton(this.buttons[i]);
  634. for (i=0; i<this.dropdownlists.length; i++)
  635. this.dropdownlists[i].list.disabled=true;
  636. */
  637. }
  638. };
  639. FTB_FreeTextBox.prototype.DisableAllToolbarItems = function() {
  640. if (this.enableToolbars) {
  641. for (i=0; i<this.buttons.length; i++) {
  642. this.DisableButton(this.buttons[i]);
  643. }
  645. for (i=0; i<this.dropdownlists.length; i++) {
  646. this.dropdownlists[i].list.disabled=true;
  647. }
  648. }
  649. };
  650. FTB_FreeTextBox.prototype.EnableButton = function(button) {
  651. if (FTB_Browser.isIE)
  652. button.buttonImage.style.filter = "alpha(opacity = 100);";
  653. //button.td.style.filters.alpha.opacity = 100;
  654. else 
  655. button.buttonImage.style.MozOpacity = 1;
  656. };
  657. FTB_FreeTextBox.prototype.DisableButton = function(button) {
  658. button.state = FTB_BUTTON_OFF;
  659. button.SetButtonStyle("Out");
  661. if (FTB_Browser.isIE)
  662. button.buttonImage.style.filter = "alpha(opacity = 25);";
  663. //button.td.style.filters.alpha.opacity = 25;
  664. else 
  665. button.buttonImage.style.MozOpacity = 0.25;
  666. };
  667. FTB_FreeTextBox.prototype.CopyHtmlToIframe = function(iframe) {
  668.     if (this.initialized) {
  669. html = this.htmlEditor.value;
  670. iframe.document.body.innerHTML = this.StoreUrls(html);
  672. //this.Debug(html.replace('r','<R>').replace('t','<T>').replace('n','<N>'));
  673.     } else {
  674. iframe.document.open();
  675. iframe.document.write("<html>" + 
  676. "<head>" + 
  677. ((this.designModeCss != '' && FTB_Browser.isGecko) ? "<style type='text/css'>@import url(" + this.designModeCss + ");</style>" : "") + 
  678. ((this.baseUrl != '') ? "<base href='" + this.baseUrl + "' />" : "") + 
  679. "</head>" + 
  680. "<body>" + 
  681. this.StoreUrls(this.htmlEditor.value) + 
  682. "</body>" + 
  683. "</html>");
  684. //iframe.document.write(this.htmlEditor.value);
  685. iframe.document.close();
  686. }
  687. };
  688. FTB_FreeTextBox.prototype.CopyDesignToHtml = function() {
  690. // set all stored URLs
  691. var links = this.designEditor.document.getElementsByTagName('a');
  692. var imgs = this.designEditor.document.getElementsByTagName('img');
  694. for (var i=0; i<links.length; i++) {
  695. var stored = links[i].getAttribute('temp_href');
  696. if (stored) {
  697. links[i].setAttribute('href',stored);
  698. }
  699. }
  700. for (var i=0; i<imgs.length; i++) {
  701. var stored = imgs[i].getAttribute('temp_src');
  702. if (stored) {
  703. imgs[i].setAttribute('src',stored);
  704. }
  705. }
  707. var html = this.designEditor.document.body.innerHTML;
  709. html = this.RemoveTempUrls(html);
  711. this.htmlEditor.value = html;
  713. // clear out default moz & ie properties
  714. if (this.htmlEditor.value == '<br>' || this.htmlEditor.value == '<br>rn' || // Moz
  715. this.htmlEditor.value == '<P>&nbsp;</P>') { // IE
  716. this.htmlEditor.value = '';
  717. }
  718. };
  719. FTB_FreeTextBox.prototype.GoToHtmlMode = function() {
  720.     if (this.mode == FTB_MODE_DESIGN) this.CopyDesignToHtml();
  722. if (FTB_Browser.isGecko)
  723. this.designEditor.document.designMode = 'Off';
  725.     this.designEditorArea.style.display = 'none';
  726.     this.htmlEditorArea.style.display = '';
  727.     this.previewPaneArea.style.display = 'none';
  728.    
  729. if (this.ancestorArea) this.ancestorArea.innerHTML = "";    
  730.     this.SetActiveTab(this.htmlModeTab);    
  731.          
  732. this.mode = FTB_MODE_HTML;
  733.     //this.Focus();    
  734.     return true;
  735. };
  736. FTB_FreeTextBox.prototype.GoToDesignMode = function() {
  737. if (this.mode == FTB_MODE_DESIGN) return false;
  739. this.CopyHtmlToIframe(this.designEditor);
  740. this.designEditorArea.style.display = '';
  741. this.htmlEditorArea.style.display = 'none';
  742. this.previewPaneArea.style.display = 'none';
  744. // reset for Gecko
  745. if (FTB_Browser.isGecko) {
  746. this.designEditor.document.designMode = 'On';
  747. this.designEditor.document.execCommand("useCSS", false, true);
  748. }
  749.     
  750.     if (this.ancestorArea) 
  751. this.ancestorArea.innerHTML = "";
  752.     
  753. if (this.designModeTab)
  754. this.SetActiveTab(this.designModeTab);
  755.     
  756.     //this.SetToolbarItemsEnabledState();
  757.     
  758.     this.mode = FTB_MODE_DESIGN;
  759.     //this.Focus();
  760.     return true;
  761. };
  762. FTB_FreeTextBox.prototype.GoToPreviewMode = function() {
  763.     if (this.mode == FTB_MODE_DESIGN) this.CopyDesignToHtml();
  764.     this.CopyHtmlToIframe(this.previewPane);
  766.     this.designEditorArea.style.display = 'none';
  767.     this.htmlEditorArea.style.display = 'none';
  768.     this.previewPaneArea.style.display = '';
  769.       
  770.     this.SetActiveTab(this.previewModeTab);
  771.     if (this.ancestorArea) this.ancestorArea.innerHTML = "";
  772.     
  773.     this.mode = FTB_MODE_PREVIEW;
  774.     return true;
  775. };
  776. FTB_FreeTextBox.prototype.HtmlEncode = function( text ) {
  777. if ( typeof( text ) != "string" )
  778. text = text.toString() ;
  780. text = text.replace(/&/g, "&amp;") ;
  781. text = text.replace(/"/g, "&quot;") ;
  782. text = text.replace(/</g, "&lt;") ;
  783. text = text.replace(/>/g, "&gt;") ;
  784. text = text.replace(/'/g, "&#146;") ;
  786. return text ;
  787. };
  788. FTB_FreeTextBox.prototype.ExecuteCommand = function(commandName, middle, commandValue) {
  789. if (this.mode != FTB_MODE_DESIGN) return;
  790. this.designEditor.focus();
  791. if (commandName == 'backcolor' && !FTB_Browser.isIE) commandName = 'hilitecolor';
  793. if (!FTB_Browser.isIE) {
  794. this.designEditor.document.execCommand("useCSS",null,true);
  795. }
  797. this.designEditor.document.execCommand(commandName,middle,commandValue);
  798. if (this.clientSideTextChanged)
  799. this.clientSideTextChanged(this);
  800. };
  801. FTB_FreeTextBox.prototype.QueryCommandState = function(commandName) {
  802. if (this.mode != FTB_MODE_DESIGN) return false;
  803. try {
  804. if (this.designEditor.document.queryCommandState(commandName)) {
  805. return FTB_BUTTON_ON;
  806. } else {
  807. // special case for paragraph on IE
  808. if (commandName == 'justifyleft') {
  809. if (this.designEditor.document.queryCommandState('justifyright') == false &&
  810. this.designEditor.document.queryCommandState('justifycenter') == false &&
  811. this.designEditor.document.queryCommandState('justifyfull') == false ) {
  812. return FTB_BUTTON_ON;
  813. } else {
  814. return FTB_BUTTON_OFF;
  815. }
  816. } else { 
  817. return FTB_BUTTON_OFF;
  818. }
  819. }
  820. } catch(exp) {
  821. //document.getElementById('debug').value += 'n' + 'BUT ERROR: ' + commandName + 'n' + exp;
  822. return FTB_BUTTON_OFF;
  823. }
  824. };
  825. FTB_FreeTextBox.prototype.QueryCommandValue = function(commandName) {
  826. if (this.mode != FTB_MODE_DESIGN) return false;
  828. try {
  829. value = this.designEditor.document.queryCommandValue(commandName);
  830. } catch (err) {
  831. this.RefreshDesignMode();
  832. value = '';
  833. }
  835. switch (commandName) {
  836. case "backcolor":
  837. if (FTB_Browser.isIE) {
  838. value = FTB_IntToHexColor(value);
  839. } else {
  840. if (value == "") value = "#FFFFFF";
  841. }
  842. break;
  843. case "forecolor":
  844. if (FTB_Browser.isIE) {
  845. value = FTB_IntToHexColor(value);
  846. } else {
  847. if (value == "") value = "#000000";
  848. }
  849. break;
  850. case "formatBlock":
  851. if (!FTB_Browser.isIE) {
  852. if (value == "" || value == "<x>")
  853. value = "<p>";
  854. else
  855. value = "<" + value + ">";
  856. }
  857. break;
  858. }
  859. if (value == '' || value == null) {
  860. if (commandName == 'fontsize') return '3';
  861. if (commandName == 'fontname') return 'Times New Roman';
  862. if (commandName == 'forecolor') return '#000000';
  863. if (commandName == 'backcolor') return '#ffffff';
  864. }
  866. return value;
  868. };
  869. FTB_FreeTextBox.prototype.SurroundHtml = function(start,end) {
  870. if (this.mode == FTB_MODE_HTML) return;
  871. this.designEditor.focus();
  873. if (FTB_Browser.isIE) {
  874. var sel = this.designEditor.document.selection.createRange();
  875. html = start + sel.htmlText + end;
  876. sel.pasteHTML(html);
  877. } else {
  878.         selection = this.designEditor.window.getSelection();
  879.         if (selection) {
  880.             range = selection.getRangeAt(0);
  881.         } else {
  882.             range = this.designEditor.document.createRange();
  883.         } 
  884.         
  885.         this.InsertHtml(start + selection + end);
  886.         //this.InsertHtml(start + selection.toString().replace(/</g,"&lt;").replace(/</g,"&lt;").replace(/n/g,"<br>n") + end);
  887. }
  888. };
  889. FTB_FreeTextBox.prototype.InsertHtml = function(html) {
  890. if (this.mode != FTB_MODE_DESIGN) return;
  891. this.designEditor.focus();
  892. if (FTB_Browser.isIE) {
  893. sel = this.designEditor.document.selection.createRange();
  894. sel.pasteHTML(html);
  895. } else {
  897.         selection = this.designEditor.window.getSelection();
  898. if (selection) {
  899. range = selection.getRangeAt(0);
  900. } else {
  901. range = editor.document.createRange();
  902. }
  904.         var fragment = this.designEditor.document.createDocumentFragment();
  905.         var div = this.designEditor.document.createElement("div");
  906.         div.innerHTML = html;
  908.         while (div.firstChild) {
  909.             fragment.appendChild(div.firstChild);
  910.         }
  912.         selection.removeAllRanges();
  913.         range.deleteContents();
  915.         var node = range.startContainer;
  916.         var pos = range.startOffset;
  918.         switch (node.nodeType) {
  919.             case 3:
  920.                 if (fragment.nodeType == 3) {
  921.                     node.insertData(pos, fragment.data);
  922.                     range.setEnd(node, pos + fragment.length);
  923.                     range.setStart(node, pos + fragment.length);
  924.                 } else {
  925.                     node = node.splitText(pos);
  926.                     node.parentNode.insertBefore(fragment, node);
  927.                     range.setEnd(node, pos + fragment.length);
  928.                     range.setStart(node, pos + fragment.length);
  929.                 }
  930.                 break;
  932.             case 1:
  933.                 node = node.childNodes[pos];
  934.                 node.parentNode.insertBefore(fragment, node);
  935.                 range.setEnd(node, pos + fragment.length);
  936.                 range.setStart(node, pos + fragment.length);
  937.                 break;
  938.         }
  939.         selection.addRange(range);
  940. }
  941. };
  942. /* ------------------------------------------------
  943. START: Node and Selection Methods */
  945. FTB_FreeTextBox.prototype.CheckTag = function(item,tagName) {
  946. if (!item) return null;
  947. if (item.tagName.search(tagName)!=-1) {
  948. return item;
  949. }
  950. if (item.tagName=='BODY') {
  951. return false;
  952. }
  953. item=item.parentElement;
  954. return this.CheckTag(item,tagName);
  955. };
  956. FTB_FreeTextBox.prototype.GetParentElement = function() {
  958. var sel = this.GetSelection();
  959. var range = this.CreateRange(sel);
  960. if (FTB_Browser.isIE) {
  961. switch (sel.type) {
  962.     case "Text":
  963.     case "None":
  964. return range.parentElement();
  965.     case "Control":
  966. return range.item(0);
  967.     default:
  968. return this.designEditor.document.body;
  969. }
  970. } else try {
  971. var p = range.commonAncestorContainer;
  972. if (!range.collapsed && range.startContainer == range.endContainer &&
  973.     range.startOffset - range.endOffset <= 1 && range.startContainer.hasChildNodes())
  974. p = range.startContainer.childNodes[range.startOffset];
  975. /*
  976. alert(range.startContainer + ":" + range.startOffset + "n" +
  977.       range.endContainer + ":" + range.endOffset);
  978. */
  979. while (p.nodeType == 3) {
  980. p = p.parentNode;
  981. }
  982. return p;
  983. } catch (e) {
  984. return null;
  985. }
  986. };
  987. FTB_FreeTextBox.prototype.InsertNodeAtSelection = function(toBeInserted) {
  988. if (!FTB_Browser.isIE) {
  989. var sel = this.GetSelection();
  990. var range = this.CreateRange(sel);
  991. // remove the current selection
  992. sel.removeAllRanges();
  993. range.deleteContents();
  994. var node = range.startContainer;
  995. var pos = range.startOffset;
  996. switch (node.nodeType) {
  997.     case 3: // Node.TEXT_NODE
  998. // we have to split it at the caret position.
  999. if (toBeInserted.nodeType == 3) {
  1000. // do optimized insertion
  1001. node.insertData(pos, toBeInserted.data);
  1002. range = this._createRange();
  1003. range.setEnd(node, pos + toBeInserted.length);
  1004. range.setStart(node, pos + toBeInserted.length);
  1005. sel.addRange(range);
  1006. } else {
  1007. node = node.splitText(pos);
  1008. var selnode = toBeInserted;
  1009. if (toBeInserted.nodeType == 11 /* Node.DOCUMENT_FRAGMENT_NODE */) {
  1010. selnode = selnode.firstChild;
  1011. }
  1012. node.parentNode.insertBefore(toBeInserted, node);
  1013. this.SelectNodeContents(selnode);
  1014. }
  1015. break;
  1016.     case 1: // Node.ELEMENT_NODE
  1017. var selnode = toBeInserted;
  1018. if (toBeInserted.nodeType == 11 /* Node.DOCUMENT_FRAGMENT_NODE */) {
  1019. selnode = selnode.firstChild;
  1020. }
  1021. node.insertBefore(toBeInserted, node.childNodes[pos]);
  1022. this.SelectNodeContents(selnode);
  1023. break;
  1024. }
  1025. }
  1026. };
  1027. FTB_FreeTextBox.prototype.SelectNodeContents = function(node, pos) {
  1028. var range;
  1029. var collapsed = (typeof pos != "undefined");
  1030. if (isIE) {
  1031. range = this.designEditor.document.body.createTextRange();
  1032. range.moveToElementText(node);
  1033. (collapsed) && range.collapse(pos);
  1034. range.select();
  1035. } else {
  1036. var sel = this.GetSelection();
  1037. range = this.designEditor.document.createRange();
  1038. range.selectNodeContents(node);
  1039. (collapsed) && range.collapse(pos);
  1040. sel.removeAllRanges();
  1041. sel.addRange(range);
  1042. }
  1043. };
  1044. FTB_FreeTextBox.prototype.SelectNextNode = function(el) {
  1045. var node = el.nextSibling;
  1046. while (node && node.nodeType != 1) {
  1047. node = node.nextSibling;
  1048. }
  1049. if (!node) {
  1050. node = el.previousSibling;
  1051. while (node && node.nodeType != 1) {
  1052. node = node.previousSibling;
  1053. }
  1054. }
  1055. if (!node) {
  1056. node = el.parentNode;
  1057. }
  1058. this.SelectNodeContents(node);
  1059. };
  1060. FTB_FreeTextBox.prototype.GetSelection = function() {
  1061. if (FTB_Browser.isIE) {
  1062. return this.designEditor.document.selection;
  1063. } else {
  1064. return this.designEditor.getSelection();
  1065. }
  1066. };
  1067. FTB_FreeTextBox.prototype.CreateRange = function(sel) {
  1068. if (FTB_Browser.isIE) {
  1069. return sel.createRange();
  1070. } else {
  1071. if (typeof sel != "undefined") {
  1072. try {
  1073. return sel.getRangeAt(0);
  1074. } catch(e) {
  1075. return this.designEditor.document.createRange();
  1076. }
  1077. } else {
  1078. return this.designEditor.document.createRange();
  1079. }
  1080. }
  1081. };
  1082. FTB_FreeTextBox.prototype.SelectNodeContents = function(node, pos) {
  1083. var range;
  1084. var collapsed = (typeof pos != "undefined");
  1085. if (FTB_Browser.isIE) {
  1086. range = this.designEditor.document.body.createTextRange();
  1087. range.moveToElementText(node);
  1088. (collapsed) && range.collapse(pos);
  1089. range.select();
  1090. } else {
  1091. var sel = this.GetSelection();
  1092. range = this.designEditor.document.createRange();
  1093. range.selectNodeContents(node);
  1094. (collapsed) && range.collapse(pos);
  1095. sel.removeAllRanges();
  1096. sel.addRange(range);
  1097. }
  1098. };
  1099. FTB_FreeTextBox.prototype.GetNearest = function(tagName) {
  1100. var ancestors = this.GetAllAncestors();
  1101. var ret = null;
  1102. tagName = ("" + tagName).toLowerCase();
  1103. for (var i=0;i<ancestors.length;i++) {
  1104. var el = ancestors[i];
  1105. if (el) {
  1106. if (el.tagName.toLowerCase() == tagName) {
  1107. ret = el;
  1108. break;
  1109. }
  1110. }
  1111. }
  1112. return ret;
  1113. };
  1114. FTB_FreeTextBox.prototype.GetAllAncestors = function() {
  1115. var p = this.GetParentElement();
  1116. var a = [];
  1117. while (p && (p.nodeType == 1) && (p.tagName.toLowerCase() != 'body')) {
  1118. a.push(p);
  1119. p = p.parentNode;
  1120. }
  1121. a.push(this.designEditor.document.body);
  1122. return a;
  1123. };
  1124. FTB_FreeTextBox.prototype.GetStyle = function() {
  1125. var parent = this.GetParentElement();
  1126. return parent.className;
  1127. };
  1128. FTB_FreeTextBox.prototype.SetActiveTab = function(theTD) {
  1129. if (theTD) {
  1130. parentTR = theTD.parentElement;
  1131. parentTR = document.getElementById(this.id + "_TabRow");
  1133. selectedTab = 1;
  1134. totalButtons = parentTR.cells.length-1;
  1135. for (var i=1;i< totalButtons;i++) {
  1136. parentTR.cells[i].className = this.id + "_TabOffRight";
  1137. if (theTD == parentTR.cells[i]) { selectedTab = i; }
  1138. }
  1140. if (selectedTab==1) {
  1141. parentTR.cells[0].className = this.id + "_StartTabOn";
  1142. } else {
  1143. parentTR.cells[0].className = this.id + "_StartTabOff";
  1144. parentTR.cells[selectedTab-1].className = this.id + "_TabOffLeft";
  1145. }
  1147. theTD.className = this.id + "_TabOn";
  1148. }
  1149. };
  1150. FTB_FreeTextBox.prototype.Focus = function() {
  1151. if (this.mode == FTB_MODE_DESIGN) {
  1152. this.designEditor.focus();
  1153. this.UpdateToolbars();
  1154. } else if (this.mode == FTB_MODE_HTML) {
  1155. this.htmlEditor.focus();
  1156. }
  1157. this.hasFocus = true;
  1158. };
  1159. FTB_FreeTextBox.prototype.SetStyle = function(className) {
  1161. // retrieve parent element of the selection
  1162. var parent = this.GetParentElement();
  1164. var surround = true;
  1165. var isSpan = (parent && parent.tagName.toLowerCase() == "span");
  1167. /*
  1168. // remove class stuff??
  1169. if (isSpan && index == 0 && !/S/.test(parent.style.cssText)) {
  1170. while (parent.firstChild) {
  1171. parent.parentNode.insertBefore(parent.firstChild, parent);
  1172. }
  1173. parent.parentNode.removeChild(parent);
  1174. this.UpdateToolbars();
  1175. return;
  1176. }
  1177. */
  1179. // if we're already in a SPAN
  1180. if (isSpan) {
  1181. if (parent.childNodes.length == 1) {
  1182. parent.className = className;
  1183. surround = false;
  1184. this.UpdateToolbars();
  1185. return;
  1186. }
  1187. } else {
  1189. }
  1191. if (surround) {
  1192. this.SurroundHtml("<span class='" + className + "'>", "</span>");
  1193. }
  1194. };
  1195. FTB_FreeTextBox.prototype.GetHtml = function() {
  1196. if (this.mode == FTB_MODE_DESIGN)
  1197. this.CopyDesignToHtml();
  1199. return this.htmlEditor.value;
  1200. };
  1201. FTB_FreeTextBox.prototype.SetHtml = function(html) {
  1202. this.htmlEditor.value = html;
  1203. this.mode = FTB_MODE_HTML;
  1204. this.GoToDesignMode();
  1205. };
  1206. FTB_FreeTextBox.prototype.StoreHtml = function() {
  1207. if (!this.initialized) return;
  1209. if (this.mode == FTB_MODE_DESIGN)
  1210. this.CopyDesignToHtml();
  1212. return true;
  1213. };
  1214. /* START: Button Methods 
  1215. -------------------------------- */
  1216. FTB_FreeTextBox.prototype.DeleteContents = function() {
  1217. if (confirm('Do you want to delete all the HTML and text presently in the editor?')) {
  1218. this.designEditor.document.body.innerHTML = '';
  1219. this.htmlEditor.value='';
  1220. this.GoToDesignMode();
  1221. }
  1222. };
  1223. FTB_FreeTextBox.prototype.Cut = function() {
  1224. if (this.mode == FTB_MODE_DESIGN) {
  1226. try {
  1227. this.ExecuteCommand('cut'); 
  1228. } catch (e) {
  1229. alert('Your security settings to not allow you to use this command.  Please visit http://www.mozilla.org/editor/midasdemo/securityprefs.html for more information.');
  1230. }
  1231. } else {
  1232. //alert("TODO");
  1233. }
  1234. };
  1235. FTB_FreeTextBox.prototype.Copy = function() {
  1236. if (this.mode == FTB_MODE_DESIGN) {
  1237. try {
  1238. this.ExecuteCommand('copy');
  1239. } catch (e) {
  1240. alert('Your security settings to not allow you to use this command.  Please visit http://www.mozilla.org/editor/midasdemo/securityprefs.html for more information.');
  1241. }
  1242. } else {
  1243. //alert("TODO");
  1244. }
  1245. };
  1246. FTB_FreeTextBox.prototype.Paste = function() {
  1247. if (this.mode == FTB_MODE_DESIGN) this.CapturePaste();
  1248. }
  1249. FTB_FreeTextBox.prototype.SelectAll = function() {
  1250. if (this.mode == FTB_MODE_DESIGN) {
  1251. this.SelectNodeContents(this.designEditor.document.body);
  1252. }
  1253. };
  1254. FTB_FreeTextBox.prototype.Print = function() {
  1255. if (this.mode == FTB_MODE_DESIGN) {
  1256. if (FTB_Browser.isIE) {
  1257. this.ExecuteCommand('print'); 
  1258. } else {
  1259. this.designEditor.print();
  1260. }
  1261. } else {
  1262. printWindow = window.open('','','');
  1263. printWindow.document.open();
  1264. printWindow.document.write("<html><body><pre>" + this.HtmlEncode(this.htmlEditor.value) + "</code></body></html>");
  1265. printWindow.document.close();
  1266. printWindow.document.body.print();
  1267. printWindow.close();
  1268. }
  1269. };
  1270. FTB_FreeTextBox.prototype.CreateLink = function() {
  1271. var link = this.GetNearest('a');
  1272. var url = '';
  1273. if (link) {
  1274. var url = link.getAttribute('temp_href');
  1275. if (!url) url = link.getAttribute('href');
  1276. } else {
  1277. var sel = this.GetSelection();
  1278. var text = '';
  1279. if (FTB_Browser.isIE) {
  1280. text = sel.createRange().text;
  1281. } else {
  1282. text = new String(sel);
  1283. }
  1285. if (text == '') {
  1286. alert('Please select some text');
  1287. return;
  1288. }
  1289. }
  1290. url = prompt('Enter a URL:', (url != '') ? url : 'http://');
  1292. if (url != null) {
  1293. if (!link) {
  1294. var tempUrl = 'http://tempuri.org/tempuri.html';
  1295. this.ExecuteCommand('createlink',null,tempUrl);
  1296. var links = this.designEditor.document.getElementsByTagName('a');
  1297. for (var i=0;i<links.length;i++) {
  1298. if (links[i].href == tempUrl) {
  1299. link = links[i];
  1300. break;
  1301. }
  1302. }
  1303. }
  1304. link.href = url;
  1305. link.setAttribute('temp_href',url);
  1306. }
  1308. };
  1309. FTB_FreeTextBox.prototype.IeSpellCheck = function() {
  1310. if (!FTB_Browser.isIE) {
  1311. alert('IE Spell is not supported in Mozilla');
  1312. return;
  1313. }
  1314. try {
  1315. var tspell = new ActiveXObject('ieSpell.ieSpellExtension');
  1316. tspell.CheckAllLinkedDocuments(window.document);
  1317. } catch (err){
  1318. if (window.confirm('You need ieSpell to use spell check. Would you like to install it?')){
  1319. window.open('http://www.iespell.com/download.php');
  1320. };
  1321. }
  1322. };
  1323. FTB_FreeTextBox.prototype.NetSpell = function() {
  1324. if (typeof(checkSpellingById) == 'function') {
  1325. checkSpellingById(this.id + '_designEditor');
  1326. } else {
  1327. alert('Netspell libraries not properly linked.');
  1328. }
  1329. };
  1330. FTB_FreeTextBox.prototype.InsertImage = function() {
  1332. var img = this.GetNearest('img');
  1333. var imgSrc = '';
  1334. if (img) {
  1335. var imgSrc = img.getAttribute('temp_src');
  1336. if (!imgSrc) imgSrc = img.getAttribute('src');
  1337. }
  1339. imgSrc = prompt('Enter a URL:', (imgSrc != '') ? imgSrc : 'http://');
  1341. if (imgSrc != '') {
  1342. if (!img) {
  1343. var tempUrl = 'http://tempuri.org/tempuri.html';
  1344. this.ExecuteCommand('insertimage',null,tempUrl);
  1345. var imgs = this.designEditor.document.getElementsByTagName('img');
  1346. for (var i=0;i<imgs.length;i++) {
  1347. if (imgs[i].src == tempUrl) {
  1348. img = imgs[i];
  1349. break;
  1350. }
  1351. }
  1352. }
  1353. img.src = imgSrc;
  1354. img.setAttribute('temp_src',imgSrc);
  1355. }
  1356. };
  1357. FTB_FreeTextBox.prototype.SaveButton = function() {
  1358. this.StoreHtml();
  1359. dotNetName = this.id.split('_').join(':');
  1360. __doPostBack(dotNetName,'Save');
  1361. };
  1362. FTB_FreeTextBox.prototype.InsertImageFromGallery = function() {
  1364. url = this.imageGalleryUrl.replace(/{0}/g,this.imageGalleryPath);
  1365. url += "&ftb=" + this.id;
  1367. var gallery = window.open(url,'gallery','width=700,height=600,toolbars=0,resizable=1');
  1368. gallery.focus();
  1369. }
  1370. FTB_FreeTextBox.prototype.Preview = function() {
  1371. this.CopyDesignToHtml();
  1373. printWindow = window.open('','','toolbars=no');
  1374. printWindow.document.open();
  1375. printWindow.document.write("<html><head><link rel='stylesheet' href='" + this.designModeCss + "' type='text/css' />" + ((this.baseUrl != '') ? "<base href='" + this.baseUrl + "' />" : "") + "</head><body>" + this.htmlEditor.value + "</body></html>");
  1376. printWindow.document.close();
  1377. };
  1378. /* START: InsertTable */
  1379. FTB_FreeTextBox.prototype.InsertTable = function(cols,rows,width,widthUnit,align,cellpadding,cellspacing,border) {
  1380. this.designEditor.focus();
  1381. var sel = this.GetSelection();
  1382. var range = this.CreateRange(sel);
  1384. var doc = this.designEditor.document;
  1385. // create the table element
  1386. var table = doc.createElement("table");
  1388. // assign the given arguments
  1389. table.style.width  = width + widthUnit;
  1390. table.align   = align;
  1391. table.border   = border;
  1392. table.cellSpacing  = cellspacing;
  1393. table.cellPadding  = cellpadding;
  1395. var tbody = doc.createElement("tbody");
  1396. table.appendChild(tbody);
  1398. for (var i = 0; i < rows; ++i) {
  1399. var tr = doc.createElement("tr");
  1400. tbody.appendChild(tr);
  1401. for (var j = 0; j < cols; ++j) {
  1402. var td = doc.createElement("td");
  1403. tr.appendChild(td);
  1404. if (!FTB_Browser.isIE) td.appendChild(doc.createElement("br"));
  1405. }
  1406. }
  1408. if (FTB_Browser.isIE) {
  1409. range.pasteHTML(table.outerHTML);
  1410. } else {
  1411. this.InsertNodeAtSelection(table);
  1412. }
  1414. return true;
  1415. };
  1416. FTB_FreeTextBox.prototype.InsertTableWindow = function() {
  1417. this.LaunchTableWindow(false);
  1418. };
  1419. FTB_FreeTextBox.prototype.EditTable = function() {
  1420. this.LaunchTableWindow(true);
  1421. };
  1422. FTB_FreeTextBox.prototype.LaunchTableWindow = function(editing) {
  1424. var tableWin = window.open("","tableWin","width=400,height=200");
  1425. if (tableWin) {
  1426. tableWin.focus();
  1427. } else {
  1428. alert("Please turn off your PopUp blocking software");
  1429. return;
  1430. }
  1432. tableWin.document.body.innerHTML = '';
  1433. tableWin.document.open();
  1434. tableWin.document.write(FTB_TablePopUpHtml);
  1435. tableWin.document.close();
  1437. launchParameters = new Object();
  1438. launchParameters['ftb'] = this;
  1439. launchParameters['table'] = (editing) ? this.GetNearest("table") : null;
  1440. tableWin.launchParameters = launchParameters;
  1441. tableWin.load();
  1442. };
  1443. var FTB_TablePopUpHtml = new String("
  1444. <html><body> 
  1445. <head>
  1446. <title>Table Editor</title>
  1447. <style type='text/css'>
  1448. html, body { 
  1449. background-color: #eee; 
  1450. color: #000; 
  1451. font: 11px Tahoma,Verdana,sans-serif; 
  1452. padding: 0px; 
  1453. } 
  1454. body { margin: 5px; } 
  1455. form { margin: 0px; padding: 0px;} 
  1456. table { 
  1457.   font: 11px Tahoma,Verdana,sans-serif; 
  1458. } 
  1459. form p { 
  1460.   margin-top: 5px; 
  1461.   margin-bottom: 5px; 
  1462. } 
  1463. h3 { margin: 0; margin-top: 4px;  margin-bottom: 5px; font-size: 12px; border-bottom: 2px solid #90A8F0; color: #90A8F0;} 
  1464. .fl { width: 9em; float: left; padding: 2px 5px; text-align: right; } 
  1465. .fr { width: 7em; float: left; padding: 2px 5px; text-align: right; } 
  1466. fieldset { padding: 0px 10px 5px 5px; } 
  1467. button { width: 75px; } 
  1468. select, input, button { font: 11px Tahoma,Verdana,sans-serif; } 
  1469. .space { padding: 2px; } 
  1470. .title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; 
  1471. border-bottom: 1px solid black; letter-spacing: 2px; 
  1472. } 
  1473. .f_title { text-align:right; }
  1474. .footer { border-top:2px solid #90A8F0; padding-top: 3px; margin-top: 4px; text-align:right; }</style>
  1475. <script type='text/javascript'>
  1476. function doTable() { 
  1477. ftb = window.launchParameters['ftb'];
  1478. table = window.launchParameters['table'];
  1479. if (table) { 
  1480. table.style.width = document.getElementById('f_width').value + document.getElementById('f_unit').options[document.getElementById('f_unit').selectedIndex].value; 
  1481. table.align = document.getElementById('f_align').options[document.getElementById('f_align').selectedIndex].value;  
  1482. table.cellPadding = (document.getElementById('f_padding').value.length > 0 && !isNaN(document.getElementById('f_padding').value)) ? parseInt(document.getElementById('f_padding').value) : ''; 
  1483. table.cellSpacing = (document.getElementById('f_spacing').value.length > 0 && !isNaN(document.getElementById('f_spacing').value)) ? parseInt(document.getElementById('f_spacing').value) : ''; 
  1484. table.border = parseInt(document.getElementById('f_border').value); 
  1485. } else {
  1486. cols = parseInt(document.getElementById('f_cols').value); 
  1487. rows = parseInt(document.getElementById('f_rows').value); 
  1488. width = document.getElementById('f_width').value; 
  1489. widthUnit = document.getElementById('f_unit').options[document.getElementById('f_unit').selectedIndex].value; 
  1490. align = document.getElementById('f_align').value; 
  1491. cellpadding = document.getElementById('f_padding').value; 
  1492. cellspacing = document.getElementById('f_spacing').value; 
  1493. border = document.getElementById('f_border').value; 
  1494. ftb.InsertTable(cols,rows,width,widthUnit,align,cellpadding,cellspacing,border); 
  1495. } 
  1496. window.close(); 
  1497. }
  1498. </script>
  1499. </head>
  1500. <body>
  1501. <form action=''> 
  1502. <h3>Table Editor</h3> 
  1503. <table border='0' style='padding: 0px; margin: 0px'> 
  1504.   <tbody> 
  1505.   <tr> 
  1506.     <td style='width: 4em; text-align: right'>Rows:</td> 
  1507.     <td><input type='text' name='rows' id='f_rows' size='5' title='Number of rows' value='2' /></td> 
  1508.     <td></td> 
  1509.     <td></td> 
  1510.     <td></td> 
  1511.   </tr> 
  1512.   <tr> 
  1513.     <td style='width: 4em; text-align: right'>Cols:</td> 
  1514.     <td><input type='text' name='cols' id='f_cols' size='5' title='Number of columns' value='4' /></td> 
  1515.     <td style='width: 4em; text-align: right'>Width:</td> 
  1516.     <td><input type='text' name='width' id='f_width' size='5' title='Width of the table' value='100' /></td> 
  1517.     <td><select size='1' name='unit' id='f_unit' title='Width unit'> 
  1518.       <option value='%' selected='1'  >Percent</option> 
  1519.       <option value='px'              >Pixels</option> 
  1520.       <option value='em'              >Em</option> 
  1521.     </select></td> 
  1522.   </tr> 
  1523.   </tbody> 
  1524. </table> 
  1525. <table width='100%'>
  1526. <tr><td valign='top'>
  1527. <fieldset>
  1528. <legend>Layout</legend> 
  1529. <table>
  1530. <tr><td class='f_title'>Alignment:</td><td>
  1531. <select size='1' name='align' id='f_align' 
  1532. title='Positioning of the table'> 
  1533. <option value='' selected='1'                >Not set</option> 
  1534. <option value='left'                         >Left</option> 
  1535. <option value='center'                       >Center</option> 
  1536. <option value='right'                        >Right</option> 
  1537. </select> 
  1538. </td></tr>
  1539. <tr><td class='f_title'>Border thickness:</td><td>
  1540. <input type='text' name='border' id='f_border' size='5' value='1' title='Leave empty for no border' /> 
  1541. </td></tr></table>
  1542. </fieldset>
  1543. </td><td valign='top'>
  1544. <fieldset>
  1545. <legend>Spacing</legend> 
  1546. <table>
  1547. <tr><td class='f_title'>Cell spacing:</td><td>
  1548. <input type='text' name='spacing' id='f_spacing' size='5' value='1' title='Space between adjacent cells' /> 
  1549. </td></tr>
  1550. <tr><td class='f_title'>Cell padding:</td><td>
  1551. <input type='text' name='padding' id='f_padding' size='5' value='1' title='Space between content and border in cell' /> 
  1552. </td></tr></table>
  1553. </fieldset> 
  1554. </td></tr></table>
  1555. <div class='footer'> 
  1556. <button type='button' name='ok' id='f_goButton' onclick='doTable();window.close();'>OK</button> 
  1557. <button type='button' name='cancel' onclick='window.close();'>Cancel</button> 
  1558. </div> 
  1559. <script language='JavaScript'> 
  1560. function load() { 
  1561. ftb = window.launchParameters['ftb'];
  1562. table = window.launchParameters['table'];
  1563. if (table) { 
  1564. width = window.opener.FTB_ParseUnit(table.style.width); 
  1565. document.getElementById('f_width').value = width.value; 
  1566. window.opener.FTB_SetListValue(document.getElementById('f_align'),table.align,true); 
  1567. window.opener.FTB_SetListValue(document.getElementById('f_unit'),width.unitType,true); 
  1568. document.getElementById('f_border').value = table.border; 
  1569. document.getElementById('f_padding').value = table.cellPadding; 
  1570. document.getElementById('f_spacing').value = table.cellSpacing; 
  1571. document.getElementById('f_cols').disabled = true; 
  1572. document.getElementById('f_rows').disabled = true; 
  1573. } 
  1574. } 
  1575. </script></form> 
  1576. </body> 
  1577. </html>");
  1579. /* END: InsertTable */
  1580. /* --------------------------------
  1581. END: Button Methods */