PageRenderTime 28ms CodeModel.GetById 19ms RepoModel.GetById 0ms app.codeStats 1ms

/dnn5/DesktopModules/XsltDb/edit_area_0_8_2/edit_area_loader.js

#
JavaScript | 1066 lines | 808 code | 162 blank | 96 comment | 231 complexity | 8ef6f51ab88bdad6d7ceffff8ea185e9 MD5 | raw file
Possible License(s): LGPL-2.1, Apache-2.0, BSD-3-Clause 
    

  1. /******

    2. 

  2. *

    3. 

  3. *	EditArea 

    4. 

  4. * 	Developped by Christophe Dolivet

    5. 

  5. *	Released under LGPL, Apache and BSD licenses (use the one you want)

    6. 

  6. *

    7. 

  7. ******/

    8. 

  8. 

    9. 

  9. function EditAreaLoader() {

    10. 

  10.     var t = this;

    11. 

  11.     t.version = "0.8.2";

    12. 

  12.     date = new Date();

    13. 

  13.     t.start_time = date.getTime();

    14. 

  14.     t.win = "loading"; // window loading state

    15. 

  15.     t.error = false; // to know if load is interrrupt

    16. 

  16.     t.baseURL = "";

    17. 

  17.     //t.suffix="";

    18. 

  18.     t.template = "";

    19. 

  19.     t.lang = {}; // array of loaded speech language

    20. 

  20.     t.load_syntax = {}; // array of loaded syntax language for highlight mode

    21. 

  21.     t.syntax = {}; // array of initilized syntax language for highlight mode

    22. 

  22.     t.loadedFiles = [];

    23. 

  23.     t.waiting_loading = {}; 	// files that must be loaded in order to allow the script to really start

    24. 

  24.     // scripts that must be loaded in the iframe

    25. 

  25.     t.scripts_to_load = ["elements_functions", "resize_area", "reg_syntax"];

    26. 

  26.     t.sub_scripts_to_load = ["edit_area", "manage_area", "edit_area_functions", "keyboard", "search_replace", "highlight", "regexp"];

    27. 

  27.     t.syntax_display_name = { /*syntax_display_name_AUTO-FILL-BY-COMPRESSOR*/

    28. 

  28. };

    29. 

  29. 

    30. 

  30. t.resize = []; // contain resizing datas

    31. 

  31. t.hidden = {}; // store datas of the hidden textareas

    32. 

  32. 

    33. 

  33. t.default_settings = {

    34. 

  34.     //id: "src"	// id of the textarea to transform

    35. 

  35.     debug: false

    36. 

  36. 		, smooth_selection: true

    37. 

  37. 		, font_size: "10"		// not for IE

    38. 

  38. 		, font_family: "monospace"	// can be "verdana,monospace". Allow non monospace font but Firefox get smaller tabulation with non monospace fonts. IE doesn't change the tabulation width and Opera doesn't take this option into account... 

    39. 

  39. 		, start_highlight: false	// if start with highlight

    40. 

  40. 		, toolbar: "search, go_to_line, fullscreen, |, undo, redo, |, select_font,|, change_smooth_selection, highlight, reset_highlight, word_wrap, |, help"

    41. 

  41. 		, begin_toolbar: ""		//  "new_document, save, load, |"

    42. 

  42. 		, end_toolbar: ""		// or end_toolbar

    43. 

  43. 		, is_multi_files: false		// enable the multi file mode (the textarea content is ignored)

    44. 

  44. 		, allow_resize: "both"	// possible values: "no", "both", "x", "y"

    45. 

  45. 		, show_line_colors: false	// if the highlight is disabled for the line currently beeing edited (if enabled => heavy CPU use)

    46. 

  46. 		, min_width: 400

    47. 

  47. 		, min_height: 125

    48. 

  48. 		, replace_tab_by_spaces: false

    49. 

  49. 		, allow_toggle: true		// true or false

    50. 

  50. 		, language: "en"

    51. 

  51. 		, syntax: ""

    52. 

  52. 		, syntax_selection_allow: "basic,brainfuck,c,coldfusion,cpp,css,html,java,js,pas,perl,php,python,ruby,robotstxt,sql,tsql,vb,xml"

    53. 

  53. 		, display: "onload" 		// onload or later

    54. 

  54. 		, max_undo: 30

    55. 

  55. 		, browsers: "known"	// all or known

    56. 

  56. 		, plugins: "" // comma separated plugin list

    57. 

  57. 		, gecko_spellcheck: false	// enable/disable by default the gecko_spellcheck

    58. 

  58. 		, fullscreen: false

    59. 

  59. 		, is_editable: true

    60. 

  60. 		, cursor_position: "begin"

    61. 

  61. 		, word_wrap: false		// define if the text is wrapped of not in the textarea

    62. 

  62. 		, autocompletion: false	// NOT IMPLEMENTED			

    63. 

  63. 		, load_callback: ""		// click on load button (function name)

    64. 

  64. 		, save_callback: ""		// click on save button (function name)

    65. 

  65. 		, change_callback: ""	// textarea onchange trigger (function name)

    66. 

  66. 		, submit_callback: ""	// form submited (function name)

    67. 

  67. 		, EA_init_callback: ""	// EditArea initiliazed (function name)

    68. 

  68. 		, EA_delete_callback: ""	// EditArea deleted (function name)

    69. 

  69. 		, EA_load_callback: ""	// EditArea fully loaded and displayed (function name)

    70. 

  70. 		, EA_unload_callback: ""	// EditArea delete while being displayed (function name)

    71. 

  71. 		, EA_toggle_on_callback: ""	// EditArea toggled on (function name)

    72. 

  72. 		, EA_toggle_off_callback: ""	// EditArea toggled off (function name)

    73. 

  73. 		, EA_file_switch_on_callback: ""	// a new tab is selected (called for the newly selected file)

    74. 

  74. 		, EA_file_switch_off_callback: ""	// a new tab is selected (called for the previously selected file)

    75. 

  75. 		, EA_file_close_callback: ""		// close a tab

    76. 

  76. };

    77. 

  77. 

    78. 

  78. t.advanced_buttons = [

    79. 

  79. // id, button img, command (it will try to find the translation of "id"), is_file_specific

    80. 

  80. 			['new_document', 'newdocument.gif', 'new_document', false],

    81. 

  81. 			['search', 'search.gif', 'show_search', false],

    82. 

  82. 			['go_to_line', 'go_to_line.gif', 'go_to_line', false],

    83. 

  83. 			['undo', 'undo.gif', 'undo', true],

    84. 

  84. 			['redo', 'redo.gif', 'redo', true],

    85. 

  85. 			['change_smooth_selection', 'smooth_selection.gif', 'change_smooth_selection_mode', true],

    86. 

  86. 			['reset_highlight', 'reset_highlight.gif', 'resync_highlight', true],

    87. 

  87. 			['highlight', 'highlight.gif', 'change_highlight', true],

    88. 

  88. 			['help', 'help.gif', 'show_help', false],

    89. 

  89. 			['save', 'save.gif', 'save', false],

    90. 

  90. 			['load', 'load.gif', 'load', false],

    91. 

  91. 			['cancel', 'cancel.gif', 'cancel', false],

    92. 

  92. 			['fullscreen', 'fullscreen.gif', 'toggle_full_screen', false],

    93. 

  93. 			['word_wrap', 'word_wrap.gif', 'toggle_word_wrap', true],

    94. 

  94. 			['autocompletion', 'autocompletion.gif', 'toggle_autocompletion', true]

    95. 

  95. 		];

    96. 

  96. 

    97. 

  97. // navigator identification

    98. 

  98. t.set_browser_infos(t);

    99. 

  99. 

    100. 

  100. if (t.isIE >= 6 || t.isGecko || (t.isWebKit && !t.isSafari < 3) || t.isOpera >= 9 || t.isCamino)

    101. 

  101.     t.isValidBrowser = true;

    102. 

  102. else

    103. 

  103.     t.isValidBrowser = false;

    104. 

  104. 

    105. 

  105. t.set_base_url();

    106. 

  106. 

    107. 

  107. for (var i = 0; i < t.scripts_to_load.length; i++) {

    108. 

  108.     setTimeout("editAreaLoader.load_script('" + t.baseURL + t.scripts_to_load[i] + ".js?r=" + mdo_xsltdb_version() + "');", 1); // let the time to Object editAreaLoader to be created before loading additionnal scripts

    109. 

  109.     t.waiting_loading[t.scripts_to_load[i] + ".js"] = false;

    110. 

  110. }

    111. 

  111. t.add_event(window, "load", EditAreaLoader.prototype.window_loaded);

    112. 

  112. };

    113. 

  113. 

    114. 

  114. EditAreaLoader.prototype = {

    115. 

  115.     has_error: function() {

    116. 

  116.         this.error = true;

    117. 

  117.         // set to empty all EditAreaLoader functions

    118. 

  118.         for (var i in EditAreaLoader.prototype) {

    119. 

  119.             EditAreaLoader.prototype[i] = function() { };

    120. 

  120.         }

    121. 

  121.     },

    122. 

  122. 

    123. 

  123.     // add browser informations to the object passed in parameter

    124. 

  124.     set_browser_infos: function(o) {

    125. 

  125.         ua = navigator.userAgent;

    126. 

  126. 

    127. 

  127.         // general detection

    128. 

  128.         o.isWebKit = /WebKit/.test(ua);

    129. 

  129.         o.isGecko = !o.isWebKit && /Gecko/.test(ua);

    130. 

  130.         o.isMac = /Mac/.test(ua);

    131. 

  131. 

    132. 

  132.         o.isIE = (navigator.appName == "Microsoft Internet Explorer");

    133. 

  133.         if (o.isIE) {

    134. 

  134.             o.isIE = ua.replace(/^.*?MSIE\s+([0-9\.]+).*$/, "$1");

    135. 

  135.             if (o.isIE < 6)

    136. 

  136.                 o.has_error();

    137. 

  137.         }

    138. 

  138. 

    139. 

  139.         if (o.isOpera = (ua.indexOf('Opera') != -1)) {

    140. 

  140.             o.isOpera = ua.replace(/^.*?Opera.*?([0-9\.]+).*$/i, "$1");

    141. 

  141.             if (o.isOpera < 9)

    142. 

  142.                 o.has_error();

    143. 

  143.             o.isIE = false;

    144. 

  144.         }

    145. 

  145. 

    146. 

  146.         if (o.isFirefox = (ua.indexOf('Firefox') != -1))

    147. 

  147.             o.isFirefox = ua.replace(/^.*?Firefox.*?([0-9\.]+).*$/i, "$1");

    148. 

  148.         // Firefox clones 	

    149. 

  149.         if (ua.indexOf('Iceweasel') != -1)

    150. 

  150.             o.isFirefox = ua.replace(/^.*?Iceweasel.*?([0-9\.]+).*$/i, "$1");

    151. 

  151.         if (ua.indexOf('GranParadiso') != -1)

    152. 

  152.             o.isFirefox = ua.replace(/^.*?GranParadiso.*?([0-9\.]+).*$/i, "$1");

    153. 

  153.         if (ua.indexOf('BonEcho') != -1)

    154. 

  154.             o.isFirefox = ua.replace(/^.*?BonEcho.*?([0-9\.]+).*$/i, "$1");

    155. 

  155.         if (ua.indexOf('SeaMonkey') != -1)

    156. 

  156.             o.isFirefox = (ua.replace(/^.*?SeaMonkey.*?([0-9\.]+).*$/i, "$1")) + 1;

    157. 

  157. 

    158. 

  158.         if (o.isCamino = (ua.indexOf('Camino') != -1))

    159. 

  159.             o.isCamino = ua.replace(/^.*?Camino.*?([0-9\.]+).*$/i, "$1");

    160. 

  160. 

    161. 

  161.         if (o.isSafari = (ua.indexOf('Safari') != -1))

    162. 

  162.             o.isSafari = ua.replace(/^.*?Version\/([0-9]+\.[0-9]+).*$/i, "$1");

    163. 

  163. 

    164. 

  164.         if (o.isChrome = (ua.indexOf('Chrome') != -1)) {

    165. 

  165.             o.isChrome = ua.replace(/^.*?Chrome.*?([0-9\.]+).*$/i, "$1");

    166. 

  166.             o.isSafari = false;

    167. 

  167.         }

    168. 

  168. 

    169. 

  169.     },

    170. 

  170. 

    171. 

  171.     window_loaded: function() {

    172. 

  172.         editAreaLoader.win = "loaded";

    173. 

  173. 

    174. 

  174.         // add events on forms

    175. 

  175.         if (document.forms) {

    176. 

  176.             for (var i = 0; i < document.forms.length; i++) {

    177. 

  177.                 var form = document.forms[i];

    178. 

  178.                 form.edit_area_replaced_submit = null;

    179. 

  179.                 try {

    180. 

  180. 

    181. 

  181.                     form.edit_area_replaced_submit = form.onsubmit;

    182. 

  182.                     form.onsubmit = "";

    183. 

  183.                 } catch (e) {// Do nothing

    184. 

  184.                 }

    185. 

  185.                 editAreaLoader.add_event(form, "submit", EditAreaLoader.prototype.submit);

    186. 

  186.                 editAreaLoader.add_event(form, "reset", EditAreaLoader.prototype.reset);

    187. 

  187.             }

    188. 

  188.         }

    189. 

  189.         editAreaLoader.add_event(window, "unload", function() { for (var i in editAreas) { editAreaLoader.delete_instance(i); } }); // ini callback

    190. 

  190.     },

    191. 

  191. 

    192. 

  192.     // init the checkup of the selection of the IE textarea

    193. 

  193.     init_ie_textarea: function(id) {

    194. 

  194.         var a = document.getElementById(id);

    195. 

  195.         try {

    196. 

  196.             if (a && typeof (a.focused) == "undefined") {

    197. 

  197.                 a.focus();

    198. 

  198.                 a.focused = true;

    199. 

  199.                 a.selectionStart = a.selectionEnd = 0;

    200. 

  200.                 get_IE_selection(a);

    201. 

  201.                 editAreaLoader.add_event(a, "focus", IE_textarea_focus);

    202. 

  202.                 editAreaLoader.add_event(a, "blur", IE_textarea_blur);

    203. 

  203. 

    204. 

  204.             }

    205. 

  205.         } catch (ex) { }

    206. 

  206.     },

    207. 

  207. 

    208. 

  208.     init: function(settings) {

    209. 

  209.         var t = this, s = settings, i;

    210. 

  210. 

    211. 

  211.         if (!s["id"])

    212. 

  212.             t.has_error();

    213. 

  213.         if (t.error)

    214. 

  214.             return;

    215. 

  215.         // if an instance of the editor already exists for this textarea => delete the previous one

    216. 

  216.         if (editAreas[s["id"]])

    217. 

  217.             t.delete_instance(s["id"]);

    218. 

  218. 

    219. 

  219.         // init settings

    220. 

  220.         for (i in t.default_settings) {

    221. 

  221.             if (typeof (s[i]) == "undefined")

    222. 

  222.                 s[i] = t.default_settings[i];

    223. 

  223.         }

    224. 

  224. 

    225. 

  225.         if (s["browsers"] == "known" && t.isValidBrowser == false) {

    226. 

  226.             return;

    227. 

  227.         }

    228. 

  228. 

    229. 

  229.         if (s["begin_toolbar"].length > 0)

    230. 

  230.             s["toolbar"] = s["begin_toolbar"] + "," + s["toolbar"];

    231. 

  231.         if (s["end_toolbar"].length > 0)

    232. 

  232.             s["toolbar"] = s["toolbar"] + "," + s["end_toolbar"];

    233. 

  233.         s["tab_toolbar"] = s["toolbar"].replace(/ /g, "").split(",");

    234. 

  234. 

    235. 

  235.         s["plugins"] = s["plugins"].replace(/ /g, "").split(",");

    236. 

  236.         for (i = 0; i < s["plugins"].length; i++) {

    237. 

  237.             if (s["plugins"][i].length == 0)

    238. 

  238.                 s["plugins"].splice(i, 1);

    239. 

  239.         }

    240. 

  240.         //	alert(settings["plugins"].length+": "+ settings["plugins"].join(","));

    241. 

  241.         t.get_template();

    242. 

  242.         t.load_script(t.baseURL + "langs/" + s["language"] + ".js");

    243. 

  243. 

    244. 

  244.         if (s["syntax"].length > 0) {

    245. 

  245.             s["syntax"] = s["syntax"].toLowerCase();

    246. 

  246.             t.load_script(t.baseURL + "reg_syntax/" + s["syntax"] + ".js");

    247. 

  247.         }

    248. 

  248.         //alert(this.template);

    249. 

  249. 

    250. 

  250.         editAreas[s["id"]] = { "settings": s };

    251. 

  251.         editAreas[s["id"]]["displayed"] = false;

    252. 

  252.         editAreas[s["id"]]["hidden"] = false;

    253. 

  253. 

    254. 

  254.         //if(settings["display"]=="onload")

    255. 

  255.         t.start(s["id"]);

    256. 

  256.     },

    257. 

  257. 

    258. 

  258.     // delete an instance of an EditArea

    259. 

  259.     delete_instance: function(id) {

    260. 

  260.         var d = document, fs = window.frames, span, iframe;

    261. 

  261.         editAreaLoader.execCommand(id, "EA_delete");

    262. 

  262.         if (fs["frame_" + id] && fs["frame_" + id].editArea) {

    263. 

  263.             if (editAreas[id]["displayed"])

    264. 

  264.                 editAreaLoader.toggle(id, "off");

    265. 

  265.             fs["frame_" + id].editArea.execCommand("EA_unload");

    266. 

  266.         }

    267. 

  267. 

    268. 

  268.         // remove toggle infos and debug textarea

    269. 

  269.         span = d.getElementById("EditAreaArroundInfos_" + id);

    270. 

  270.         if (span)

    271. 

  271.             span.parentNode.removeChild(span);

    272. 

  272. 

    273. 

  273.         // remove the iframe

    274. 

  274.         iframe = d.getElementById("frame_" + id);

    275. 

  275.         if (iframe) {

    276. 

  276.             iframe.parentNode.removeChild(iframe);

    277. 

  277.             //delete iframe;

    278. 

  278.             try {

    279. 

  279.                 delete fs["frame_" + id];

    280. 

  280.             } catch (e) {// Do nothing

    281. 

  281.             }

    282. 

  282.         }

    283. 

  283. 

    284. 

  284.         delete editAreas[id];

    285. 

  285.     },

    286. 

  286. 

    287. 

  287. 

    288. 

  288.     start: function(id) {

    289. 

  289.         var t = this, d = document, f, span, father, next, html = '', html_toolbar_content = '', template, content, i;

    290. 

  290. 

    291. 

  291.         // check that the window is loaded

    292. 

  292.         if (t.win != "loaded") {

    293. 

  293.             setTimeout("editAreaLoader.start('" + id + "');", 50);

    294. 

  294.             return;

    295. 

  295.         }

    296. 

  296. 

    297. 

  297.         // check that all needed scripts are loaded

    298. 

  298.         for (i in t.waiting_loading) {

    299. 

  299.             if (t.waiting_loading[i] != "loaded" && typeof (t.waiting_loading[i]) != "function") {

    300. 

  300.                 setTimeout("editAreaLoader.start('" + id + "');", 50);

    301. 

  301.                 return;

    302. 

  302.             }

    303. 

  303.         }

    304. 

  304. 

    305. 

  305.         // wait until language and syntax files are loaded

    306. 

  306.         if (!t.lang[editAreas[id]["settings"]["language"]] || (editAreas[id]["settings"]["syntax"].length > 0 && !t.load_syntax[editAreas[id]["settings"]["syntax"]])) {

    307. 

  307.             setTimeout("editAreaLoader.start('" + id + "');", 50);

    308. 

  308.             return;

    309. 

  309.         }

    310. 

  310.         // init the regexp for syntax highlight

    311. 

  311.         if (editAreas[id]["settings"]["syntax"].length > 0)

    312. 

  312.             t.init_syntax_regexp();

    313. 

  313. 

    314. 

  314. 

    315. 

  315.         // display toggle option and debug area

    316. 

  316.         if (!d.getElementById("EditAreaArroundInfos_" + id) && (editAreas[id]["settings"]["debug"] || editAreas[id]["settings"]["allow_toggle"])) {

    317. 

  317.             span = d.createElement("span");

    318. 

  318.             span.id = "EditAreaArroundInfos_" + id;

    319. 

  319.             if (editAreas[id]["settings"]["allow_toggle"]) {

    320. 

  320.                 checked = (editAreas[id]["settings"]["display"] == "onload") ? "checked='checked'" : "";

    321. 

  321.                 html += "<div id='edit_area_toggle_" + i + "'>";

    322. 

  322.                 html += "<input id='edit_area_toggle_checkbox_" + id + "' class='toggle_" + id + "' type='checkbox' onclick='editAreaLoader.toggle(\"" + id + "\");' accesskey='e' " + checked + " />";

    323. 

  323.                 html += "<label for='edit_area_toggle_checkbox_" + id + "'>{$toggle}</label></div>";

    324. 

  324.             }

    325. 

  325.             if (editAreas[id]["settings"]["debug"])

    326. 

  326.                 html += "<textarea id='edit_area_debug_" + id + "' spellcheck='off' style='z-index: 20; width: 100%; height: 120px;overflow: auto; border: solid black 1px;'></textarea><br />";

    327. 

  327.             html = t.translate(html, editAreas[id]["settings"]["language"]);

    328. 

  328.             span.innerHTML = html;

    329. 

  329.             father = d.getElementById(id).parentNode;

    330. 

  330.             next = d.getElementById(id).nextSibling;

    331. 

  331.             if (next == null)

    332. 

  332.                 father.appendChild(span);

    333. 

  333.             else

    334. 

  334.                 father.insertBefore(span, next);

    335. 

  335.         }

    336. 

  336. 

    337. 

  337.         if (!editAreas[id]["initialized"]) {

    338. 

  338.             t.execCommand(id, "EA_init"); // ini callback

    339. 

  339.             if (editAreas[id]["settings"]["display"] == "later") {

    340. 

  340.                 editAreas[id]["initialized"] = true;

    341. 

  341.                 return;

    342. 

  342.             }

    343. 

  343.         }

    344. 

  344. 

    345. 

  345.         if (t.isIE) {	// launch IE selection checkup

    346. 

  346.             t.init_ie_textarea(id);

    347. 

  347.         }

    348. 

  348. 

    349. 

  349.         // get toolbar content

    350. 

  350.         var area = editAreas[id];

    351. 

  351. 

    352. 

  352.         for (i = 0; i < area["settings"]["tab_toolbar"].length; i++) {

    353. 

  353.             //	alert(this.tab_toolbar[i]+"\n"+ this.get_control_html(this.tab_toolbar[i]));

    354. 

  354.             html_toolbar_content += t.get_control_html(area["settings"]["tab_toolbar"][i], area["settings"]["language"]);

    355. 

  355.         }

    356. 

  356.         // translate toolbar text here for chrome 2

    357. 

  357.         html_toolbar_content = t.translate(html_toolbar_content, area["settings"]["language"], "template");

    358. 

  358. 

    359. 

  359. 

    360. 

  360.         // create javascript import rules for the iframe if the javascript has not been already loaded by the compressor

    361. 

  361.         if (!t.iframe_script) {

    362. 

  362.             t.iframe_script = "";

    363. 

  363.             for (i = 0; i < t.sub_scripts_to_load.length; i++)

    364. 

  364.                 t.iframe_script += '<script language="javascript" type="text/javascript" src="' + t.baseURL + t.sub_scripts_to_load[i] + '.js?r=' + mdo_xsltdb_version() + '"></script>';

    365. 

  365.         }

    366. 

  366. 

    367. 

  367.         // add plugins scripts if not already loaded by the compressor (but need to load language in all the case)

    368. 

  368.         for (i = 0; i < area["settings"]["plugins"].length; i++) {

    369. 

  369.             //if(typeof(area["settings"]["plugins"][i])=="function") continue;

    370. 

  370.             if (!t.all_plugins_loaded)

    371. 

  371.                 t.iframe_script += '<script language="javascript" type="text/javascript" src="' + t.baseURL + 'plugins/' + area["settings"]["plugins"][i] + '/' + area["settings"]["plugins"][i] + '.js?r=' + mdo_xsltdb_version() + '"></script>';

    372. 

  372.             t.iframe_script += '<script language="javascript" type="text/javascript" src="' + t.baseURL + 'plugins/' + area["settings"]["plugins"][i] + '/langs/' + area["settings"]["language"] + '.js?r=' + mdo_xsltdb_version() + '"></script>';

    373. 

  373.         }

    374. 

  374. 

    375. 

  375. 

    376. 

  376.         // create css link for the iframe if the whole css text has not been already loaded by the compressor

    377. 

  377.         if (!t.iframe_css) {

    378. 

  378.             t.iframe_css = "<link href='" + t.baseURL + "edit_area.css?r=" + mdo_xsltdb_version() + "' rel='stylesheet' type='text/css' />";

    379. 

  379.         }

    380. 

  380. 

    381. 

  381. 

    382. 

  382.         // create template

    383. 

  383.         template = t.template.replace(/\[__BASEURL__\]/g, t.baseURL);

    384. 

  384.         template = template.replace("[__TOOLBAR__]", html_toolbar_content);

    385. 

  385. 

    386. 

  386. 

    387. 

  387.         // fill template with good language sentences

    388. 

  388.         template = t.translate(template, area["settings"]["language"], "template");

    389. 

  389. 

    390. 

  390.         // add css_code

    391. 

  391.         template = template.replace("[__CSSRULES__]", t.iframe_css);

    392. 

  392.         // add js_code

    393. 

  393.         template = template.replace("[__JSCODE__]", t.iframe_script);

    394. 

  394. 

    395. 

  395.         // add version_code

    396. 

  396.         template = template.replace("[__EA_VERSION__]", t.version);

    397. 

  397.         //template=template.replace(/\{\$([^\}]+)\}/gm, this.traduc_template);

    398. 

  398. 

    399. 

  399.         //editAreas[area["settings"]["id"]]["template"]= template;

    400. 

  400. 

    401. 

  401.         area.textarea = d.getElementById(area["settings"]["id"]);

    402. 

  402.         editAreas[area["settings"]["id"]]["textarea"] = area.textarea;

    403. 

  403. 

    404. 

  404.         // if removing previous instances from DOM before (fix from Marcin)

    405. 

  405.         if (typeof (window.frames["frame_" + area["settings"]["id"]]) != 'undefined')

    406. 

  406.             delete window.frames["frame_" + area["settings"]["id"]];

    407. 

  407. 

    408. 

  408.         // insert template in the document after the textarea

    409. 

  409.         father = area.textarea.parentNode;

    410. 

  410.         /*	var container= document.createElement("div");

    411. 

  411.         container.id= "EditArea_frame_container_"+area["settings"]["id"];

    412. 

  412.         */

    413. 

  413.         content = d.createElement("iframe");

    414. 

  414.         content.name = "frame_" + area["settings"]["id"];

    415. 

  415.         content.id = "frame_" + area["settings"]["id"];

    416. 

  416.         content.style.borderWidth = "0px";

    417. 

  417.         setAttribute(content, "frameBorder", "0"); // IE

    418. 

  418.         content.style.overflow = "hidden";

    419. 

  419.         content.style.display = "none";

    420. 

  420. 

    421. 

  421. 

    422. 

  422.         next = area.textarea.nextSibling;

    423. 

  423.         if (next == null)

    424. 

  424.             father.appendChild(content);

    425. 

  425.         else

    426. 

  426.             father.insertBefore(content, next);

    427. 

  427.         f = window.frames["frame_" + area["settings"]["id"]];

    428. 

  428.         f.document.open();

    429. 

  429.         f.editAreas = editAreas;

    430. 

  430.         f.area_id = area["settings"]["id"];

    431. 

  431.         f.document.area_id = area["settings"]["id"];

    432. 

  432.         f.document.write(template);

    433. 

  433.         f.document.close();

    434. 

  434. 

    435. 

  435.         //	frame.editAreaLoader=this;

    436. 

  436.         //editAreas[area["settings"]["id"]]["displayed"]=true;

    437. 

  437. 

    438. 

  438.     },

    439. 

  439. 

    440. 

  440.     toggle: function(id, toggle_to) {

    441. 

  441. 

    442. 

  442.         /*	if((editAreas[id]["displayed"]==true  && toggle_to!="on") || toggle_to=="off"){

    443. 

  443.         this.toggle_off(id);

    444. 

  444.         }else if((editAreas[id]["displayed"]==false  && toggle_to!="off") || toggle_to=="on"){

    445. 

  445.         this.toggle_on(id);

    446. 

  446.         }*/

    447. 

  447.         if (!toggle_to)

    448. 

  448.             toggle_to = (editAreas[id]["displayed"] == true) ? "off" : "on";

    449. 

  449.         if (editAreas[id]["displayed"] == true && toggle_to == "off") {

    450. 

  450.             this.toggle_off(id);

    451. 

  451.         } else if (editAreas[id]["displayed"] == false && toggle_to == "on") {

    452. 

  452.             this.toggle_on(id);

    453. 

  453.         }

    454. 

  454. 

    455. 

  455.         return false;

    456. 

  456.     },

    457. 

  457. 

    458. 

  458.     // static function

    459. 

  459.     toggle_off: function(id) {

    460. 

  460.         var fs = window.frames, f, t, parNod, nxtSib, selStart, selEnd, scrollTop, scrollLeft;

    461. 

  461.         if (fs["frame_" + id]) {

    462. 

  462.             f = fs["frame_" + id];

    463. 

  463.             t = editAreas[id]["textarea"];

    464. 

  464.             if (f.editArea.fullscreen['isFull'])

    465. 

  465.                 f.editArea.toggle_full_screen(false);

    466. 

  466.             editAreas[id]["displayed"] = false;

    467. 

  467. 

    468. 

  468.             // set wrap to off to keep same display mode (some browser get problem with this, so it need more complex operation		

    469. 

  469.             t.wrap = "off"; // for IE

    470. 

  470.             setAttribute(t, "wrap", "off"); // for Firefox	

    471. 

  471.             parNod = t.parentNode;

    472. 

  472.             nxtSib = t.nextSibling;

    473. 

  473.             parNod.removeChild(t);

    474. 

  474.             parNod.insertBefore(t, nxtSib);

    475. 

  475. 

    476. 

  476.             // restore values

    477. 

  477.             t.value = f.editArea.textarea.value;

    478. 

  478.             selStart = f.editArea.last_selection["selectionStart"];

    479. 

  479.             selEnd = f.editArea.last_selection["selectionEnd"];

    480. 

  480.             scrollTop = f.document.getElementById("result").scrollTop;

    481. 

  481.             scrollLeft = f.document.getElementById("result").scrollLeft;

    482. 

  482. 

    483. 

  483. 

    484. 

  484.             document.getElementById("frame_" + id).style.display = 'none';

    485. 

  485. 

    486. 

  486.             t.style.display = "inline";

    487. 

  487. 

    488. 

  488.             try {	// IE will give an error when trying to focus an invisible or disabled textarea

    489. 

  489.                 t.focus();

    490. 

  490.             } catch (e) { };

    491. 

  491.             if (this.isIE) {

    492. 

  492.                 t.selectionStart = selStart;

    493. 

  493.                 t.selectionEnd = selEnd;

    494. 

  494.                 t.focused = true;

    495. 

  495.                 set_IE_selection(t);

    496. 

  496.             } else {

    497. 

  497.                 if (this.isOpera && this.isOpera < 9.6) {	// Opera bug when moving selection start and selection end

    498. 

  498.                     t.setSelectionRange(0, 0);

    499. 

  499.                 }

    500. 

  500.                 try {

    501. 

  501.                     t.setSelectionRange(selStart, selEnd);

    502. 

  502.                 } catch (e) { };

    503. 

  503.             }

    504. 

  504.             t.scrollTop = scrollTop;

    505. 

  505.             t.scrollLeft = scrollLeft;

    506. 

  506.             f.editArea.execCommand("toggle_off");

    507. 

  507. 

    508. 

  508.         }

    509. 

  509.     },

    510. 

  510. 

    511. 

  511.     // static function

    512. 

  512.     toggle_on: function(id) {

    513. 

  513.         var fs = window.frames, f, t, selStart = 0, selEnd = 0, scrollTop = 0, scrollLeft = 0, curPos, elem;

    514. 

  514. 

    515. 

  515.         if (fs["frame_" + id]) {

    516. 

  516.             f = fs["frame_" + id];

    517. 

  517.             t = editAreas[id]["textarea"];

    518. 

  518.             area = f.editArea;

    519. 

  519.             area.textarea.value = t.value;

    520. 

  520. 

    521. 

  521.             // store display values;

    522. 

  522.             curPos = editAreas[id]["settings"]["cursor_position"];

    523. 

  523. 

    524. 

  524.             if (t.use_last == true) {

    525. 

  525.                 selStart = t.last_selectionStart;

    526. 

  526.                 selEnd = t.last_selectionEnd;

    527. 

  527.                 scrollTop = t.last_scrollTop;

    528. 

  528.                 scrollLeft = t.last_scrollLeft;

    529. 

  529.                 t.use_last = false;

    530. 

  530.             }

    531. 

  531.             else if (curPos == "auto") {

    532. 

  532.                 try {

    533. 

  533.                     selStart = t.selectionStart;

    534. 

  534.                     selEnd = t.selectionEnd;

    535. 

  535.                     scrollTop = t.scrollTop;

    536. 

  536.                     scrollLeft = t.scrollLeft;

    537. 

  537.                     //alert(scrollTop);

    538. 

  538.                 } catch (ex) { }

    539. 

  539.             }

    540. 

  540. 

    541. 

  541.             // set to good size

    542. 

  542.             this.set_editarea_size_from_textarea(id, document.getElementById("frame_" + id));

    543. 

  543.             t.style.display = "none";

    544. 

  544.             document.getElementById("frame_" + id).style.display = "inline";

    545. 

  545.             area.execCommand("focus"); // without this focus opera doesn't manage well the iframe body height

    546. 

  546. 

    547. 

  547. 

    548. 

  548.             // restore display values

    549. 

  549.             editAreas[id]["displayed"] = true;

    550. 

  550.             area.execCommand("update_size");

    551. 

  551. 

    552. 

  552.             f.document.getElementById("result").scrollTop = scrollTop;

    553. 

  553.             f.document.getElementById("result").scrollLeft = scrollLeft;

    554. 

  554.             area.area_select(selStart, selEnd - selStart);

    555. 

  555.             area.execCommand("toggle_on");

    556. 

  556. 

    557. 

  557. 

    558. 

  558.         }

    559. 

  559.         else {

    560. 

  560.             /*	if(this.isIE)

    561. 

  561.             get_IE_selection(document.getElementById(id));	*/

    562. 

  562.             elem = document.getElementById(id);

    563. 

  563.             elem.last_selectionStart = elem.selectionStart;

    564. 

  564.             elem.last_selectionEnd = elem.selectionEnd;

    565. 

  565.             elem.last_scrollTop = elem.scrollTop;

    566. 

  566.             elem.last_scrollLeft = elem.scrollLeft;

    567. 

  567.             elem.use_last = true;

    568. 

  568.             editAreaLoader.start(id);

    569. 

  569.         }

    570. 

  570.     },

    571. 

  571. 

    572. 

  572.     set_editarea_size_from_textarea: function(id, frame) {

    573. 

  573.         var elem, width, height;

    574. 

  574.         elem = document.getElementById(id);

    575. 

  575. 

    576. 

  576.         width = Math.max(editAreas[id]["settings"]["min_width"], elem.offsetWidth) + "px";

    577. 

  577.         height = Math.max(editAreas[id]["settings"]["min_height"], elem.offsetHeight) + "px";

    578. 

  578.         if (elem.style.width.indexOf("%") != -1)

    579. 

  579.             width = elem.style.width;

    580. 

  580.         if (elem.style.height.indexOf("%") != -1)

    581. 

  581.             height = elem.style.height;

    582. 

  582.         //alert("h: "+height+" w: "+width);

    583. 

  583. 

    584. 

  584.         frame.style.width = width;

    585. 

  585.         frame.style.height = height;

    586. 

  586.     },

    587. 

  587. 

    588. 

  588.     set_base_url: function() {

    589. 

  589.         var t = this, elems, i, docBasePath;

    590. 

  590. 

    591. 

  591.         if (!this.baseURL) {

    592. 

  592.             elems = document.getElementsByTagName('script');

    593. 

  593. 

    594. 

  594.             for (i = 0; i < elems.length; i++) {

    595. 

  595.                 if (elems[i].src && elems[i].src.match(/edit_area_[^\\\/]*$/i)) {

    596. 

  596.                     var src = unescape(elems[i].src); // use unescape for utf-8 encoded urls

    597. 

  597.                     src = src.substring(0, src.lastIndexOf('/'));

    598. 

  598.                     this.baseURL = src;

    599. 

  599.                     this.file_name = elems[i].src.substr(elems[i].src.lastIndexOf("/") + 1);

    600. 

  600.                     break;

    601. 

  601.                 }

    602. 

  602.             }

    603. 

  603.         }

    604. 

  604. 

    605. 

  605.         docBasePath = document.location.href;

    606. 

  606.         if (docBasePath.indexOf('?') != -1)

    607. 

  607.             docBasePath = docBasePath.substring(0, docBasePath.indexOf('?'));

    608. 

  608.         docBasePath = docBasePath.substring(0, docBasePath.lastIndexOf('/'));

    609. 

  609. 

    610. 

  610.         // If not HTTP absolute

    611. 

  611.         if (t.baseURL.indexOf('://') == -1 && t.baseURL.charAt(0) != '/') {

    612. 

  612.             // If site absolute

    613. 

  613.             t.baseURL = docBasePath + "/" + t.baseURL;

    614. 

  614.         }

    615. 

  615.         t.baseURL += "/";

    616. 

  616.     },

    617. 

  617. 

    618. 

  618.     get_button_html: function(id, img, exec, isFileSpecific, baseURL) {

    619. 

  619.         var cmd, html;

    620. 

  620.         if (!baseURL)

    621. 

  621.             baseURL = this.baseURL;

    622. 

  622.         cmd = 'editArea.execCommand(\'' + exec + '\')';

    623. 

  623.         html = '<a id="a_' + id + '" href="javascript:' + cmd + '" onclick="' + cmd + ';return false;" onmousedown="return false;" target="_self" fileSpecific="' + (isFileSpecific ? 'yes' : 'no') + '">';

    624. 

  624.         html += '<img id="' + id + '" src="' + baseURL + 'images/' + img + '" title="{$' + id + '}" width="20" height="20" class="editAreaButtonNormal" onmouseover="editArea.switchClass(this,\'editAreaButtonOver\');" onmouseout="editArea.restoreClass(this);" onmousedown="editArea.restoreAndSwitchClass(this,\'editAreaButtonDown\');" /></a>';

    625. 

  625.         return html;

    626. 

  626.     },

    627. 

  627. 

    628. 

  628.     get_control_html: function(button_name, lang) {

    629. 

  629.         var t = this, i, but, html, si;

    630. 

  630.         for (i = 0; i < t.advanced_buttons.length; i++) {

    631. 

  631.             but = t.advanced_buttons[i];

    632. 

  632.             if (but[0] == button_name) {

    633. 

  633.                 return t.get_button_html(but[0], but[1], but[2], but[3]);

    634. 

  634.             }

    635. 

  635.         }

    636. 

  636. 

    637. 

  637.         switch (button_name) {

    638. 

  638.             case "*":

    639. 

  639.             case "return":

    640. 

  640.                 return "<br />";

    641. 

  641.             case "|":

    642. 

  642.             case "separator":

    643. 

  643.                 return '<img src="' + t.baseURL + 'images/spacer.gif" width="1" height="15" class="editAreaSeparatorLine">';

    644. 

  644.             case "select_font":

    645. 

  645.                 html = "<select id='area_font_size' onchange='javascript:editArea.execCommand(\"change_font_size\")' fileSpecific='yes'>";

    646. 

  646.                 html += "<option value='-1'>{$font_size}</option>";

    647. 

  647.                 si = [8, 9, 10, 11, 12, 14];

    648. 

  648.                 for (i = 0; i < si.length; i++) {

    649. 

  649.                     html += "<option value='" + si[i] + "'>" + si[i] + " pt</option>";

    650. 

  650.                 }

    651. 

  651.                 html += "</select>";

    652. 

  652.                 return html;

    653. 

  653.             case "syntax_selection":

    654. 

  654.                 html = "<select id='syntax_selection' onchange='javascript:editArea.execCommand(\"change_syntax\", this.value)' fileSpecific='yes'>";

    655. 

  655.                 html += "<option value='-1'>{$syntax_selection}</option>";

    656. 

  656.                 html += "</select>";

    657. 

  657.                 return html;

    658. 

  658.         }

    659. 

  659. 

    660. 

  660.         return "<span id='tmp_tool_" + button_name + "'>[" + button_name + "]</span>";

    661. 

  661.     },

    662. 

  662. 

    663. 

  663. 

    664. 

  664.     get_template: function() {

    665. 

  665.         if (this.template == "") {

    666. 

  666.             var xhr_object = null;

    667. 

  667.             if (window.XMLHttpRequest) // Firefox 

    668. 

  668.                 xhr_object = new XMLHttpRequest();

    669. 

  669.             else if (window.ActiveXObject) // Internet Explorer 

    670. 

  670.                 xhr_object = new ActiveXObject("Microsoft.XMLHTTP");

    671. 

  671.             else { // XMLHttpRequest not supported

    672. 

  672.                 alert("XMLHTTPRequest not supported. EditArea not loaded");

    673. 

  673.                 return;

    674. 

  674.             }

    675. 

  675. 

    676. 

  676.             xhr_object.open("GET", this.baseURL + "template.html", false);

    677. 

  677.             xhr_object.send(null);

    678. 

  678.             if (xhr_object.readyState == 4)

    679. 

  679.                 this.template = xhr_object.responseText;

    680. 

  680.             else

    681. 

  681.                 this.has_error();

    682. 

  682.         }

    683. 

  683.     },

    684. 

  684. 

    685. 

  685.     // translate text

    686. 

  686.     translate: function(text, lang, mode) {

    687. 

  687.         if (mode == "word")

    688. 

  688.             text = editAreaLoader.get_word_translation(text, lang);

    689. 

  689.         else if (mode = "template") {

    690. 

  690.             editAreaLoader.current_language = lang;

    691. 

  691.             text = text.replace(/\{\$([^\}]+)\}/gm, editAreaLoader.translate_template);

    692. 

  692.         }

    693. 

  693.         return text;

    694. 

  694.     },

    695. 

  695. 

    696. 

  696.     translate_template: function() {

    697. 

  697.         return editAreaLoader.get_word_translation(EditAreaLoader.prototype.translate_template.arguments[1], editAreaLoader.current_language);

    698. 

  698.     },

    699. 

  699. 

    700. 

  700.     get_word_translation: function(val, lang) {

    701. 

  701.         var i;

    702. 

  702. 

    703. 

  703.         for (i in editAreaLoader.lang[lang]) {

    704. 

  704.             if (i == val)

    705. 

  705.                 return editAreaLoader.lang[lang][i];

    706. 

  706.         }

    707. 

  707.         return "_" + val;

    708. 

  708.     },

    709. 

  709. 

    710. 

  710.     load_script: function(url) {

    711. 

  711.         var t = this, d = document, script, head;

    712. 

  712. 

    713. 

  713.         if (t.loadedFiles[url])

    714. 

  714.             return;

    715. 

  715.         //alert("load: "+url);

    716. 

  716.         try {

    717. 

  717.             script = d.createElement("script");

    718. 

  718.             script.type = "text/javascript";

    719. 

  719.             script.src = url;

    720. 

  720.             script.charset = "UTF-8";

    721. 

  721.             d.getElementsByTagName("head")[0].appendChild(script);

    722. 

  722.         } catch (e) {

    723. 

  723.             d.write('<sc' + 'ript language="javascript" type="text/javascript" src="' + url + '" charset="UTF-8"></sc' + 'ript>');

    724. 

  724.         }

    725. 

  725. 

    726. 

  726.         t.loadedFiles[url] = true;

    727. 

  727.     },

    728. 

  728. 

    729. 

  729.     add_event: function(obj, name, handler) {

    730. 

  730.         try {

    731. 

  731.             if (obj.attachEvent) {

    732. 

  732.                 obj.attachEvent("on" + name, handler);

    733. 

  733.             } else {

    734. 

  734.                 obj.addEventListener(name, handler, false);

    735. 

  735.             }

    736. 

  736.         } catch (e) { }

    737. 

  737.     },

    738. 

  738. 

    739. 

  739.     remove_event: function(obj, name, handler) {

    740. 

  740.         try {

    741. 

  741.             if (obj.detachEvent)

    742. 

  742.                 obj.detachEvent("on" + name, handler);

    743. 

  743.             else

    744. 

  744.                 obj.removeEventListener(name, handler, false);

    745. 

  745.         } catch (e) { }

    746. 

  746.     },

    747. 

  747. 

    748. 

  748. 

    749. 

  749.     // reset all the editareas in the form that have been reseted

    750. 

  750.     reset: function(e) {

    751. 

  751.         var formObj, is_child, i, x;

    752. 

  752. 

    753. 

  753.         formObj = editAreaLoader.isIE ? window.event.srcElement : e.target;

    754. 

  754.         if (formObj.tagName != 'FORM')

    755. 

  755.             formObj = formObj.form;

    756. 

  756. 

    757. 

  757.         for (i in editAreas) {

    758. 

  758.             is_child = false;

    759. 

  759.             for (x = 0; x < formObj.elements.length; x++) {

    760. 

  760.                 if (formObj.elements[x].id == i)

    761. 

  761.                     is_child = true;

    762. 

  762.             }

    763. 

  763. 

    764. 

  764.             if (window.frames["frame_" + i] && is_child && editAreas[i]["displayed"] == true) {

    765. 

  765. 

    766. 

  766.                 var exec = 'window.frames["frame_' + i + '"].editArea.textarea.value= document.getElementById("' + i + '").value;';

    767. 

  767.                 exec += 'window.frames["frame_' + i + '"].editArea.execCommand("focus");';

    768. 

  768.                 exec += 'window.frames["frame_' + i + '"].editArea.check_line_selection();';

    769. 

  769.                 exec += 'window.frames["frame_' + i + '"].editArea.execCommand("reset");';

    770. 

  770.                 window.setTimeout(exec, 10);

    771. 

  771.             }

    772. 

  772.         }

    773. 

  773.         return;

    774. 

  774.     },

    775. 

  775. 

    776. 

  776. 

    777. 

  777.     // prepare all the textarea replaced by an editarea to be submited

    778. 

  778.     submit: function(e) {

    779. 

  779.         var formObj, is_child, fs = window.frames, i, x;

    780. 

  780.         formObj = editAreaLoader.isIE ? window.event.srcElement : e.target;

    781. 

  781.         if (formObj.tagName != 'FORM')

    782. 

  782.             formObj = formObj.form;

    783. 

  783. 

    784. 

  784.         for (i in editAreas) {

    785. 

  785.             is_child = false;

    786. 

  786.             for (x = 0; x < formObj.elements.length; x++) {

    787. 

  787.                 if (formObj.elements[x].id == i)

    788. 

  788.                     is_child = true;

    789. 

  789.             }

    790. 

  790. 

    791. 

  791.             if (is_child) {

    792. 

  792.                 if (fs["frame_" + i] && editAreas[i]["displayed"] == true)

    793. 

  793.                     document.getElementById(i).value = fs["frame_" + i].editArea.textarea.value;

    794. 

  794.                 editAreaLoader.execCommand(i, "EA_submit");

    795. 

  795.             }

    796. 

  796.         }

    797. 

  797.         if (typeof (formObj.edit_area_replaced_submit) == "function") {

    798. 

  798.             res = formObj.edit_area_replaced_submit();

    799. 

  799.             if (res == false) {

    800. 

  800.                 if (editAreaLoader.isIE)

    801. 

  801.                     return false;

    802. 

  802.                 else

    803. 

  803.                     e.preventDefault();

    804. 

  804.             }

    805. 

  805.         }

    806. 

  806.         return;

    807. 

  807.     },

    808. 

  808. 

    809. 

  809.     // allow to get the value of the editarea

    810. 

  810.     getValue: function(id) {

    811. 

  811.         if (window.frames["frame_" + id] && editAreas[id]["displayed"] == true) {

    812. 

  812.             return window.frames["frame_" + id].editArea.textarea.value;

    813. 

  813.         } else if (elem = document.getElementById(id)) {

    814. 

  814.             return elem.value;

    815. 

  815.         }

    816. 

  816.         return false;

    817. 

  817.     },

    818. 

  818. 

    819. 

  819.     // allow to set the value of the editarea

    820. 

  820.     setValue: function(id, new_val) {

    821. 

  821.         var fs = window.frames;

    822. 

  822. 

    823. 

  823.         if ((f = fs["frame_" + id]) && editAreas[id]["displayed"] == true) {

    824. 

  824.             f.editArea.textarea.value = new_val;

    825. 

  825.             f.editArea.execCommand("focus");

    826. 

  826.             f.editArea.check_line_selection(false);

    827. 

  827.             f.editArea.execCommand("onchange");

    828. 

  828.         } else if (elem = document.getElementById(id)) {

    829. 

  829.             elem.value = new_val;

    830. 

  830.         }

    831. 

  831.     },

    832. 

  832. 

    833. 

  833.     // allow to get infos on the selection: array(start, end)

    834. 

  834.     getSelectionRange: function(id) {

    835. 

  835.         var sel, eA, fs = window.frames;

    836. 

  836. 

    837. 

  837.         sel = { "start": 0, "end": 0 };

    838. 

  838.         if (fs["frame_" + id] && editAreas[id]["displayed"] == true) {

    839. 

  839.             eA = fs["frame_" + id].editArea;

    840. 

  840. 

    841. 

  841.             sel["start"] = eA.textarea.selectionStart;

    842. 

  842.             sel["end"] = eA.textarea.selectionEnd;

    843. 

  843. 

    844. 

  844.         } else if (elem = document.getElementById(id)) {

    845. 

  845.             sel = getSelectionRange(elem);

    846. 

  846.         }

    847. 

  847.         return sel;

    848. 

  848.     },

    849. 

  849. 

    850. 

  850.     // allow to set the selection with the given start and end positions

    851. 

  851.     setSelectionRange: function(id, new_start, new_end) {

    852. 

  852.         var fs = window.frames;

    853. 

  853. 

    854. 

  854.         if (fs["frame_" + id] && editAreas[id]["displayed"] == true) {

    855. 

  855.             fs["frame_" + id].editArea.area_select(new_start, new_end - new_start);

    856. 

  856.             // make an auto-scroll to the selection

    857. 

  857.             if (!this.isIE) {

    858. 

  858.                 fs["frame_" + id].editArea.check_line_selection(false);

    859. 

  859.                 fs["frame_" + id].editArea.scroll_to_view();

    860. 

  860.             }

    861. 

  861.         } else if (elem = document.getElementById(id)) {

    862. 

  862.             setSelectionRange(elem, new_start, new_end);

    863. 

  863.         }

    864. 

  864.     },

    865. 

  865. 

    866. 

  866.     getSelectedText: function(id) {

    867. 

  867.         var sel = this.getSelectionRange(id);

    868. 

  868. 

    869. 

  869.         return this.getValue(id).substring(sel["start"], sel["end"]);

    870. 

  870.     },

    871. 

  871. 

    872. 

  872.     setSelectedText: function(id, new_val) {

    873. 

  873.         var fs = window.frames, d = document, sel, text, scrollTop, scrollLeft, new_sel_end;

    874. 

  874. 

    875. 

  875.         new_val = new_val.replace(/\r/g, "");

    876. 

  876.         sel = this.getSelectionRange(id);

    877. 

  877.         text = this.getValue(id);

    878. 

  878.         if (fs["frame_" + id] && editAreas[id]["displayed"] == true) {

    879. 

  879.             scrollTop = fs["frame_" + id].document.getElementById("result").scrollTop;

    880. 

  880.             scrollLeft = fs["frame_" + id].document.getElementById("result").scrollLeft;

    881. 

  881.         } else {

    882. 

  882.             scrollTop = d.getElementById(id).scrollTop;

    883. 

  883.             scrollLeft = d.getElementById(id).scrollLeft;

    884. 

  884.         }

    885. 

  885. 

    886. 

  886.         text = text.substring(0, sel["start"]) + new_val + text.substring(sel["end"]);

    887. 

  887.         this.setValue(id, text);

    888. 

  888.         new_sel_end = sel["start"] + new_val.length;

    889. 

  889.         this.setSelectionRange(id, sel["start"], new_sel_end);

    890. 

  890. 

    891. 

  891. 

    892. 

  892.         // fix \r problem for selection length count on IE & Opera

    893. 

  893.         if (new_val != this.getSelectedText(id).replace(/\r/g, "")) {

    894. 

  894.             this.setSelectionRange(id, sel["start"], new_sel_end + new_val.split("\n").length - 1);

    895. 

  895.         }

    896. 

  896.         // restore scrolling position

    897. 

  897.         if (fs["frame_" + id] && editAreas[id]["displayed"] == true) {

    898. 

  898.             fs["frame_" + id].document.getElementById("result").scrollTop = scrollTop;

    899. 

  899.             fs["frame_" + id].document.getElementById("result").scrollLeft = scrollLeft;

    900. 

  900.             fs["frame_" + id].editArea.execCommand("onchange");

    901. 

  901.         } else {

    902. 

  902.             d.getElementById(id).scrollTop = scrollTop;

    903. 

  903.             d.getElementById(id).scrollLeft = scrollLeft;

    904. 

  904.         }

    905. 

  905.     },

    906. 

  906. 

    907. 

  907.     insertTags: function(id, open_tag, close_tag) {

    908. 

  908.         var old_sel, new_sel;

    909. 

  909. 

    910. 

  910.         old_sel = this.getSelectionRange(id);

    911. 

  911.         text = open_tag + this.getSelectedText(id) + close_tag;

    912. 

  912. 

    913. 

  913.         editAreaLoader.setSelectedText(id, text);

    914. 

  914. 

    915. 

  915.         new_sel = this.getSelectionRange(id);

    916. 

  916.         if (old_sel["end"] > old_sel["start"])	// if text was selected, cursor at the end

    917. 

  917.             this.setSelectionRange(id, new_sel["end"], new_sel["end"]);

    918. 

  918.         else // cursor in the middle

    919. 

  919.             this.setSelectionRange(id, old_sel["start"] + open_tag.length, old_sel["start"] + open_tag.length);

    920. 

  920.     },

    921. 

  921. 

    922. 

  922.     // hide both EditArea and normal textarea

    923. 

  923.     hide: function(id) {

    924. 

  924.         var fs = window.frames, d = document, t = this, scrollTop, scrollLeft, span;

    925. 

  925.         if (d.getElementById(id) && !t.hidden[id]) {

    926. 

  926.             t.hidden[id] = {};

    927. 

  927.             t.hidden[id]["selectionRange"] = t.getSelectionRange(id);

    928. 

  928.             if (d.getElementById(id).style.display != "none") {

    929. 

  929.                 t.hidden[id]["scrollTop"] = d.getElementById(id).scrollTop;

    930. 

  930.                 t.hidden[id]["scrollLeft"] = d.getElementById(id).scrollLeft;

    931. 

  931.             }

    932. 

  932. 

    933. 

  933.             if (fs["frame_" + id]) {

    934. 

  934.                 t.hidden[id]["toggle"] = editAreas[id]["displayed"];

    935. 

  935. 

    936. 

  936.                 if (fs["frame_" + id] && editAreas[id]["displayed"] == true) {

    937. 

  937.                     scrollTop = fs["frame_" + id].document.getElementById("result").scrollTop;

    938. 

  938.                     scrollLeft = fs["frame_" + id].document.getElementById("result").scrollLeft;

    939. 

  939.                 } else {

    940. 

  940.                     scrollTop = d.getElementById(id).scrollTop;

    941. 

  941.                     scrollLeft = d.getElementById(id).scrollLeft;

    942. 

  942.                 }

    943. 

  943.                 t.hidden[id]["scrollTop"] = scrollTop;

    944. 

  944.                 t.hidden[id]["scrollLeft"] = scrollLeft;

    945. 

  945. 

    946. 

  946.                 if (editAreas[id]["displayed"] == true)

    947. 

  947.                     editAreaLoader.toggle_off(id);

    948. 

  948.             }

    949. 

  949. 

    950. 

  950.             // hide toggle button and debug box

    951. 

  951.             span = d.getElementById("EditAreaArroundInfos_" + id);

    952. 

  952.             if (span) {

    953. 

  953.                 span.style.display = 'none';

    954. 

  954.             }

    955. 

  955. 

    956. 

  956.             // hide textarea

    957. 

  957.             d.getElementById(id).style.display = "none";

    958. 

  958.         }

    959. 

  959.     },

    960. 

  960. 

    961. 

  961.     // restore hidden EditArea and normal textarea

    962. 

  962.     show: function(id) {

    963. 

  963.         var fs = window.frames, d = document, t = this, span;

    964. 

  964.         if ((elem = d.getElementById(id)) && t.hidden[id]) {

    965. 

  965.             elem.style.display = "inline";

    966. 

  966.             elem.scrollTop = t.hidden[id]["scrollTop"];

    967. 

  967.             elem.scrollLeft = t.hidden[id]["scrollLeft"];

    968. 

  968.             span = d.getElementById("EditAreaArroundInfos_" + id);

    969. 

  969.             if (span) {

    970. 

  970.                 span.style.display = 'inline';

    971. 

  971.             }

    972. 

  972. 

    973. 

  973.             if (fs["frame_" + id]) {

    974. 

  974. 

    975. 

  975.                 // restore toggle button and debug box

    976. 

  976. 

    977. 

  977. 

    978. 

  978.                 // restore textarea

    979. 

  979.                 elem.style.display = "inline";

    980. 

  980. 

    981. 

  981.                 // restore EditArea

    982. 

  982.                 if (t.hidden[id]["toggle"] == true)

    983. 

  983.                     editAreaLoader.toggle_on(id);

    984. 

  984. 

    985. 

  985.                 scrollTop = t.hidden[id]["scrollTop"];

    986. 

  986.                 scrollLeft = t.hidden[id]["scrollLeft"];

    987. 

  987. 

    988. 

  988.                 if (fs["frame_" + id] && editAreas[id]["displayed"] == true) {

    989. 

  989.                     fs["frame_" + id].document.getElementById("result").scrollTop = scrollTop;

    990. 

  990.                     fs["frame_" + id].document.getElementById("result").scrollLeft = scrollLeft;

    991. 

  991.                 } else {

    992. 

  992.                     elem.scrollTop = scrollTop;

    993. 

  993.                     elem.scrollLeft = scrollLeft;

    994. 

  994.                 }

    995. 

  995. 

    996. 

  996.             }

    997. 

  997.             // restore selection

    998. 

  998.             sel = t.hidden[id]["selectionRange"];

    999. 

  999.             t.setSelectionRange(id, sel["start"], sel["end"]);

    1000. 

  1000.             delete t.hidden[id];

    1001. 

  1001.         }

    1002. 

  1002.     },

    1003. 

  1003. 

    1004. 

  1004.     // get the current file datas (for multi file editing mode)

    1005. 

  1005.     getCurrentFile: function(id) {

    1006. 

  1006.         return this.execCommand(id, 'get_file', this.execCommand(id, 'curr_file'));

    1007. 

  1007.     },

    1008. 

  1008. 

    1009. 

  1009.     // get the given file datas (for multi file editing mode)

    1010. 

  1010.     getFile: function(id, file_id) {

    1011. 

  1011.         return this.execCommand(id, 'get_file', file_id);

    1012. 

  1012.     },

    1013. 

  1013. 

    1014. 

  1014.     // get all the openned files datas (for multi file editing mode)

    1015. 

  1015.     getAllFiles: function(id) {

    1016. 

  1016.         return this.execCommand(id, 'get_all_files()');

    1017. 

  1017.     },

    1018. 

  1018. 

    1019. 

  1019.     // open a file (for multi file editing mode)

    1020. 

  1020.     openFile: function(id, file_infos) {

    1021. 

  1021.         return this.execCommand(id, 'open_file', file_infos);

    1022. 

  1022.     },

    1023. 

  1023. 

    1024. 

  1024.     // close the given file (for multi file editing mode)

    1025. 

  1025.     closeFile: function(id, file_id) {

    1026. 

  1026.         return this.execCommand(id, 'close_file', file_id);

    1027. 

  1027.     },

    1028. 

  1028. 

    1029. 

  1029.     // close the given file (for multi file editing mode)

    1030. 

  1030.     setFileEditedMode: function(id, file_id, to) {

    1031. 

  1031.         var reg1, reg2;

    1032. 

  1032.         reg1 = new RegExp('\\\\', 'g');

    1033. 

  1033.         reg2 = new RegExp('"', 'g');

    1034. 

  1034.         return this.execCommand(id, 'set_file_edited_mode("' + file_id.replace(reg1, '\\\\').replace(reg2, '\\"') + '", ' + to + ')');

    1035. 

  1035.     },

    1036. 

  1036. 

    1037. 

  1037. 

    1038. 

  1038.     // allow to access to editarea functions and datas (for advanced users only)

    1039. 

  1039.     execCommand: function(id, cmd, fct_param) {

    1040. 

  1040.         switch (cmd) {

    1041. 

  1041.             case "EA_init":

    1042. 

  1042.                 if (editAreas[id]['settings']["EA_init_callback"].length > 0)

    1043. 

  1043.                     eval(editAreas[id]['settings']["EA_init_callback"] + "('" + id + "');");

    1044. 

  1044.                 break;

    1045. 

  1045.             case "EA_delete":

    1046. 

  1046.                 if (editAreas[id]['settings']["EA_delete_callback"].length > 0)

    1047. 

  1047.                     eval(editAreas[id]['settings']["EA_delete_callback"] + "('" + id + "');");

    1048. 

  1048.                 break;

    1049. 

  1049.             case "EA_submit":

    1050. 

  1050.                 if (editAreas[id]['settings']["submit_callback"].length > 0)

    1051. 

  1051.                     eval(editAreas[id]['settings']["submit_callback"] + "('" + id + "');");

    1052. 

  1052.                 break;

    1053. 

  1053.         }

    1054. 

  1054.         if (window.frames["frame_" + id] && window.frames["frame_" + id].editArea) {

    1055. 

  1055.             if (fct_param != undefined)

    1056. 

  1056.                 return eval('window.frames["frame_' + id + '"].editArea.' + cmd + '(fct_param);');

    1057. 

  1057.             else

    1058. 

  1058.                 return eval('window.frames["frame_' + id + '"].editArea.' + cmd + ';');

    1059. 

  1059.         }

    1060. 

  1060.         return false;

    1061. 

  1061.     }

    1062. 

  1062. };

    1063. 

  1063. 

    1064. 

  1064. var editAreaLoader = new EditAreaLoader();

    1065. 

  1065. var editAreas = {};

    1066. 

  1066. 

    1067. 

  1067.