PageRenderTime 29ms CodeModel.GetById 27ms RepoModel.GetById 1ms app.codeStats 0ms

/modules/org.opencms.editors.editarea/resources/system/workplace/resources/editors/editarea/dist/edit_area_loader.js

http://github.com/alkacon/opencms-core
JavaScript | 1081 lines | 823 code | 162 blank | 96 comment | 179 complexity | 44f17d77b2fd980b4701deaf82c4fdb8 MD5 | raw file
Possible License(s): MIT, Apache-2.0, BSD-3-Clause, LGPL-2.1 
    

  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. 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. 	t.resize= []; // contain resizing datas
    30. 

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

  31. 	
    32. 

  32. 	t.default_settings= {
    33. 

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

  34. 		debug: false
    35. 

  35. 		,smooth_selection: true
    36. 

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

  37. 		,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... 
    38. 

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

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

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

  41. 		,end_toolbar: ""		// or end_toolbar
    42. 

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

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

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

  45. 		,min_width: 400
    46. 

  46. 		,min_height: 125
    47. 

  47. 		,replace_tab_by_spaces: false
    48. 

  48. 		,allow_toggle: true		// true or false
    49. 

  49. 		,language: "en"
    50. 

  50. 		,syntax: ""
    51. 

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

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

  53. 		,max_undo: 30
    54. 

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

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

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

  57. 		,fullscreen: false
    58. 

  58. 		,is_editable: true
    59. 

  59. 		,cursor_position: "begin"
    60. 

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

  61. 		,autocompletion: false	// NOT IMPLEMENTED			
    62. 

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

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

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

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

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

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

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

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

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

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

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

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

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

  75. 	};
    76. 

  76. 	
    77. 

  77. 	t.advanced_buttons = [
    78. 

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

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

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

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

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

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

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

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

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

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

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

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

  90. 			['fullscreen', 'fullscreen.gif', 'toggle_full_screen', false],
    91. 

  91. 			['word_wrap', 'word_wrap.gif', 'toggle_word_wrap', true],
    92. 

  92. 			['autocompletion', 'autocompletion.gif', 'toggle_autocompletion', true]
    93. 

  93. 		];
    94. 

  94. 			
    95. 

  95. 	// navigator identification
    96. 

  96. 	t.set_browser_infos(t);
    97. 

  97. 

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

  99. 		t.isValidBrowser=true;
    100. 

  100. 	else
    101. 

  101. 		t.isValidBrowser=false;
    102. 

  102. 

  103. 	t.set_base_url();		
    104. 

  104. 	
    105. 

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

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

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

  108. 	}
    109. 

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

  110. };
    111. 

  111. 	
    112. 

  112. EditAreaLoader.prototype ={
    113. 

  113. 	has_error : function(){
    114. 

  114. 		this.error= true;
    115. 

  115. 		// set to empty all EditAreaLoader functions
    116. 

  116. 		for(var i in EditAreaLoader.prototype){
    117. 

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

  118. 		}
    119. 

  119. 	},
    120. 

  120. 	
    121. 

  121. 	// add browser informations to the object passed in parameter
    122. 

  122. 	set_browser_infos : function(o){
    123. 

  123. 		ua= navigator.userAgent;
    124. 

  124. 		
    125. 

  125. 		// general detection
    126. 

  126. 		o.isWebKit	= /WebKit/.test(ua);
    127. 

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

  128. 		o.isMac		= /Mac/.test(ua);
    129. 

  129. 		
    130. 

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

  131. 		if(o.isIE){
    132. 

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

  133. 			if(o.isIE<6)
    134. 

  134. 				o.has_error();
    135. 

  135. 		}
    136. 

  136. 

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

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

  139. 			if(o.isOpera<9)
    140. 

  140. 				o.has_error();
    141. 

  141. 			o.isIE=false;			
    142. 

  142. 		}
    143. 

  143. 

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

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

  146. 		// Firefox clones 	
    147. 

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

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

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

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

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

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

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

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

  155. 			
    156. 

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

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

  158. 			
    159. 

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

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

  161. 	
    162. 

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

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

  164. 			o.isSafari	= false;
    165. 

  165. 		}
    166. 

  166. 		
    167. 

  167. 	},
    168. 

  168. 	
    169. 

  169. 	window_loaded : function(){
    170. 

  170. 		editAreaLoader.win="loaded";
    171. 

  171. 		
    172. 

  172. 		// add events on forms
    173. 

  173. 		if (document.forms) {
    174. 

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

  175. 				var form = document.forms[i];
    176. 

  176. 				form.edit_area_replaced_submit=null;
    177. 

  177. 				try {
    178. 

  178. 					
    179. 

  179. 					form.edit_area_replaced_submit = form.onsubmit;
    180. 

  180. 					form.onsubmit="";
    181. 

  181. 				} catch (e) {// Do nothing
    182. 

  182. 				}
    183. 

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

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

  185. 			}
    186. 

  186. 		}
    187. 

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

  188. 	},
    189. 

  189. 	
    190. 

  190. 	// init the checkup of the selection of the IE textarea
    191. 

  191. 	init_ie_textarea : function(id){
    192. 

  192. 		var a=document.getElementById(id);
    193. 

  193. 		try{
    194. 

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

  195. 				a.focus();
    196. 

  196. 				a.focused=true;
    197. 

  197. 				a.selectionStart= a.selectionEnd= 0;			
    198. 

  198. 				get_IE_selection(a);
    199. 

  199. 				editAreaLoader.add_event(a, "focus", IE_textarea_focus);
    200. 

  200. 				editAreaLoader.add_event(a, "blur", IE_textarea_blur);
    201. 

  201. 				
    202. 

  202. 			}
    203. 

  203. 		}catch(ex){}
    204. 

  204. 	},
    205. 

  205. 		
    206. 

  206. 	init : function(settings){
    207. 

  207. 		var t=this,s=settings,i;
    208. 

  208. 		
    209. 

  209. 		if(!s["id"])
    210. 

  210. 			t.has_error();
    211. 

  211. 		if(t.error)
    212. 

  212. 			return;
    213. 

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

  214. 		if(editAreas[s["id"]])
    215. 

  215. 			t.delete_instance(s["id"]);
    216. 

  216. 	
    217. 

  217. 		// init settings
    218. 

  218. 		for(i in t.default_settings){
    219. 

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

  220. 				s[i]=t.default_settings[i];
    221. 

  221. 		}
    222. 

  222. 		
    223. 

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

  224. 			return;
    225. 

  225. 		}
    226. 

  226. 		
    227. 

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

  228. 			s["toolbar"]= s["begin_toolbar"] +","+ s["toolbar"];
    229. 

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

  230. 			s["toolbar"]= s["toolbar"] +","+ s["end_toolbar"];
    231. 

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

  232. 		
    233. 

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

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

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

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

  237. 		}
    238. 

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

  239. 		t.get_template();
    240. 

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

  241. 		
    242. 

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

  243. 			s["syntax"]=s["syntax"].toLowerCase();
    244. 

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

  245. 		}
    246. 

  246. 		//alert(this.template);
    247. 

  247. 		
    248. 

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

  249. 		editAreas[s["id"]]["displayed"]=false;
    250. 

  250. 		editAreas[s["id"]]["hidden"]=false;
    251. 

  251. 		
    252. 

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

  253. 		t.start(s["id"]);
    254. 

  254. 	},
    255. 

  255. 	
    256. 

  256. 	// delete an instance of an EditArea
    257. 

  257. 	delete_instance : function(id){
    258. 

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

  259. 		editAreaLoader.execCommand(id, "EA_delete");
    260. 

  260. 		if(fs["frame_"+id] && fs["frame_"+id].editArea)
    261. 

  261. 		{
    262. 

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

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

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

  265. 		}
    266. 

  266. 

  267. 		// remove toggle infos and debug textarea
    268. 

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

  269. 		if(span)
    270. 

  270. 			span.parentNode.removeChild(span);
    271. 

  271. 

  272. 		// remove the iframe
    273. 

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

  274. 		if(iframe){
    275. 

  275. 			iframe.parentNode.removeChild(iframe);
    276. 

  276. 			//delete iframe;
    277. 

  277. 			try {
    278. 

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

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

  280. 			}
    281. 

  281. 		}	
    282. 

  282. 

  283. 		delete editAreas[id];
    284. 

  284. 	},
    285. 

  285. 

  286. 	
    287. 

  287. 	start : function(id){
    288. 

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

  289. 		
    290. 

  290. 		// check that the window is loaded
    291. 

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

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

  293. 			return;
    294. 

  294. 		}
    295. 

  295. 		
    296. 

  296. 		// check that all needed scripts are loaded
    297. 

  297. 		for( i in t.waiting_loading){
    298. 

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

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

  300. 				return;
    301. 

  301. 			}
    302. 

  302. 		}
    303. 

  303. 		
    304. 

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

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

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

  307. 			return;
    308. 

  308. 		}
    309. 

  309. 		// init the regexp for syntax highlight
    310. 

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

  311. 			t.init_syntax_regexp();
    312. 

  312. 		
    313. 

  313. 			
    314. 

  314. 		// display toggle option and debug area
    315. 

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

  316. 		{
    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. 		{
    339. 

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

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

  341. 				editAreas[id]["initialized"]= true;
    342. 

  342. 				return;
    343. 

  343. 			}
    344. 

  344. 		}
    345. 

  345. 		
    346. 

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

  347. 			t.init_ie_textarea(id);
    348. 

  348. 		}
    349. 

  349. 				
    350. 

  350. 		// get toolbar content
    351. 

  351. 		var area=editAreas[id];
    352. 

  352. 		
    353. 

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

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

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

  356. 		}
    357. 

  357. 		// translate toolbar text here for chrome 2
    358. 

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

  359. 		
    360. 

  360. 		
    361. 

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

  362. 		if(!t.iframe_script){
    363. 

  363. 			t.iframe_script="";
    364. 

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

  365. 				t.iframe_script+='<script language="javascript" type="text/javascript" src="'+ t.baseURL + t.sub_scripts_to_load[i] +'.js"></script>';
    366. 

  366. 		}
    367. 

  367. 		
    368. 

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

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

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

  371. 			if(!t.all_plugins_loaded)
    372. 

  372. 				t.iframe_script+='<script language="javascript" type="text/javascript" src="'+ t.baseURL + 'plugins/' + area["settings"]["plugins"][i] + '/' + area["settings"]["plugins"][i] +'.js"></script>';
    373. 

  373. 			t.iframe_script+='<script language="javascript" type="text/javascript" src="'+ t.baseURL + 'plugins/' + area["settings"]["plugins"][i] + '/langs/' + area["settings"]["language"] +'.js"></script>';
    374. 

  374. 		}
    375. 

  375. 	
    376. 

  376. 		
    377. 

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

  378. 		if(!t.iframe_css){
    379. 

  379. 			t.iframe_css="<link href='"+ t.baseURL +"edit_area.css' rel='stylesheet' type='text/css' />";
    380. 

  380. 		}
    381. 

  381. 		
    382. 

  382. 		
    383. 

  383. 		// create template
    384. 

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

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

  386. 			
    387. 

  387. 		
    388. 

  388. 		// fill template with good language sentences
    389. 

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

  390. 		
    391. 

  391. 		// add css_code
    392. 

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

  393. 		// add js_code
    394. 

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

  395. 		
    396. 

  396. 		// add version_code
    397. 

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

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

  399. 		
    400. 

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

  401. 		
    402. 

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

  403. 		editAreas[area["settings"]["id"]]["textarea"]=area.textarea;
    404. 

  404. 	
    405. 

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

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

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

  408. 		
    409. 

  409. 		// insert template in the document after the textarea
    410. 

  410. 		father= area.textarea.parentNode;
    411. 

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

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

  413. 	*/	
    414. 

  414. 		content= d.createElement("iframe");
    415. 

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

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

  417. 		content.style.borderWidth= "0px";
    418. 

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

  419. 		content.style.overflow="hidden";
    420. 

  420. 		content.style.display="none";
    421. 

  421. 

  422. 		
    423. 

  423. 		next= area.textarea.nextSibling;
    424. 

  424. 		if(next==null)
    425. 

  425. 			father.appendChild(content);
    426. 

  426. 		else
    427. 

  427. 			father.insertBefore(content, next) ;		
    428. 

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

  429. 		f.document.open();
    430. 

  430. 		f.editAreas=editAreas;
    431. 

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

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

  433. 		f.document.write(template);
    434. 

  434. 		f.document.close();
    435. 

  435. 

  436. 	//	frame.editAreaLoader=this;
    437. 

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

  438. 		
    439. 

  439. 	},
    440. 

  440. 	
    441. 

  441. 	toggle : function(id, toggle_to){
    442. 

  442. 

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

  444. 			this.toggle_off(id);
    445. 

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

  446. 			this.toggle_on(id);
    447. 

  447. 		}*/
    448. 

  448. 		if(!toggle_to)
    449. 

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

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

  451. 			this.toggle_off(id);
    452. 

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

  453. 			this.toggle_on(id);
    454. 

  454. 		}
    455. 

  455. 	
    456. 

  456. 		return false;
    457. 

  457. 	},
    458. 

  458. 	
    459. 

  459. 	// static function
    460. 

  460. 	toggle_off : function(id){
    461. 

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

  462. 		if(fs["frame_"+id])
    463. 

  463. 		{	
    464. 

  464. 			f	= fs["frame_"+id];
    465. 

  465. 			t	= editAreas[id]["textarea"];
    466. 

  466. 			if(f.editArea.fullscreen['isFull'])
    467. 

  467. 				f.editArea.toggle_full_screen(false);
    468. 

  468. 			editAreas[id]["displayed"]=false;
    469. 

  469. 			
    470. 

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

  471. 			t.wrap = "off";	// for IE
    472. 

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

  473. 			parNod = t.parentNode;
    474. 

  474. 			nxtSib = t.nextSibling;
    475. 

  475. 			parNod.removeChild(t); 
    476. 

  476. 			parNod.insertBefore(t, nxtSib);
    477. 

  477. 			
    478. 

  478. 			// restore values
    479. 

  479. 			t.value= f.editArea.textarea.value;
    480. 

  480. 			selStart	= f.editArea.last_selection["selectionStart"];
    481. 

  481. 			selEnd		= f.editArea.last_selection["selectionEnd"];
    482. 

  482. 			scrollTop	= f.document.getElementById("result").scrollTop;
    483. 

  483. 			scrollLeft	= f.document.getElementById("result").scrollLeft;
    484. 

  484. 			
    485. 

  485. 			
    486. 

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

  487. 		
    488. 

  488. 			t.style.display="inline";
    489. 

  489. 

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

  491. 				t.focus();
    492. 

  492. 			} catch(e){};
    493. 

  493. 			if(this.isIE){
    494. 

  494. 				t.selectionStart= selStart;
    495. 

  495. 				t.selectionEnd	= selEnd;
    496. 

  496. 				t.focused		= true;
    497. 

  497. 				set_IE_selection(t);
    498. 

  498. 			}else{
    499. 

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

  500. 					t.setSelectionRange(0, 0);
    501. 

  501. 				}
    502. 

  502. 				try{
    503. 

  503. 					t.setSelectionRange(selStart, selEnd);
    504. 

  504. 				} catch(e) {};
    505. 

  505. 			}
    506. 

  506. 			t.scrollTop= scrollTop;
    507. 

  507. 			t.scrollLeft= scrollLeft;
    508. 

  508. 			f.editArea.execCommand("toggle_off");
    509. 

  509. 

  510. 		}
    511. 

  511. 	},	
    512. 

  512. 	
    513. 

  513. 	// static function
    514. 

  514. 	toggle_on : function(id){
    515. 

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

  516. 			
    517. 

  517. 		if(fs["frame_"+id])
    518. 

  518. 		{
    519. 

  519. 			f	= fs["frame_"+id];
    520. 

  520. 			t	= editAreas[id]["textarea"];
    521. 

  521. 			area= f.editArea;
    522. 

  522. 			area.textarea.value= t.value;
    523. 

  523. 			
    524. 

  524. 			// store display values;
    525. 

  525. 			curPos	= editAreas[id]["settings"]["cursor_position"];
    526. 

  526. 

  527. 			if(t.use_last==true)
    528. 

  528. 			{
    529. 

  529. 				selStart	= t.last_selectionStart;
    530. 

  530. 				selEnd		= t.last_selectionEnd;
    531. 

  531. 				scrollTop	= t.last_scrollTop;
    532. 

  532. 				scrollLeft	= t.last_scrollLeft;
    533. 

  533. 				t.use_last=false;
    534. 

  534. 			}
    535. 

  535. 			else if( curPos == "auto" )
    536. 

  536. 			{
    537. 

  537. 				try{
    538. 

  538. 					selStart	= t.selectionStart;
    539. 

  539. 					selEnd		= t.selectionEnd;
    540. 

  540. 					scrollTop	= t.scrollTop;
    541. 

  541. 					scrollLeft	= t.scrollLeft;
    542. 

  542. 					//alert(scrollTop);
    543. 

  543. 				}catch(ex){}
    544. 

  544. 			}
    545. 

  545. 			
    546. 

  546. 			// set to good size
    547. 

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

  548. 			t.style.display="none";			
    549. 

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

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

  551. 			
    552. 

  552. 			
    553. 

  553. 			// restore display values
    554. 

  554. 			editAreas[id]["displayed"]=true;
    555. 

  555. 			area.execCommand("update_size");
    556. 

  556. 			
    557. 

  557. 			f.document.getElementById("result").scrollTop= scrollTop;
    558. 

  558. 			f.document.getElementById("result").scrollLeft= scrollLeft;
    559. 

  559. 			area.area_select(selStart, selEnd-selStart);
    560. 

  560. 			area.execCommand("toggle_on");
    561. 

  561. 

  562. 			
    563. 

  563. 		}
    564. 

  564. 		else
    565. 

  565. 		{
    566. 

  566. 		/*	if(this.isIE)
    567. 

  567. 				get_IE_selection(document.getElementById(id));	*/	
    568. 

  568. 			elem= document.getElementById(id);	
    569. 

  569. 			elem.last_selectionStart= elem.selectionStart;
    570. 

  570. 			elem.last_selectionEnd= elem.selectionEnd;
    571. 

  571. 			elem.last_scrollTop= elem.scrollTop;
    572. 

  572. 			elem.last_scrollLeft= elem.scrollLeft;
    573. 

  573. 			elem.use_last=true;
    574. 

  574. 			editAreaLoader.start(id);
    575. 

  575. 		}
    576. 

  576. 	},	
    577. 

  577. 	
    578. 

  578. 	set_editarea_size_from_textarea : function(id, frame){	
    579. 

  579. 		var elem,width,height;
    580. 

  580. 		elem	= document.getElementById(id);
    581. 

  581. 		
    582. 

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

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

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

  585. 			width	= elem.style.width;
    586. 

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

  587. 			height	= elem.style.height;
    588. 

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

  589. 	
    590. 

  590. 		frame.style.width= width;
    591. 

  591. 		frame.style.height= height;
    592. 

  592. 	},
    593. 

  593. 		
    594. 

  594. 	set_base_url : function(){
    595. 

  595. 		var t=this,elems,i,docBasePath;
    596. 

  596. 

  597. 		if( !this.baseURL ){
    598. 

  598. 			elems = document.getElementsByTagName('script');
    599. 

  599. 	
    600. 

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

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

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

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

  604. 					this.baseURL = src;
    605. 

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

  606. 					break;
    607. 

  607. 				}
    608. 

  608. 			}
    609. 

  609. 		}
    610. 

  610. 		
    611. 

  611. 		docBasePath	= document.location.href;
    612. 

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

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

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

  615. 	
    616. 

  616. 		// If not HTTP absolute
    617. 

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

  618. 			// If site absolute
    619. 

  619. 			t.baseURL = docBasePath + "/" + t.baseURL;
    620. 

  620. 		}
    621. 

  621. 		t.baseURL	+="/";	
    622. 

  622. 	},
    623. 

  623. 	
    624. 

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

  625. 		var cmd,html;
    626. 

  626. 		if(!baseURL)
    627. 

  627. 			baseURL= this.baseURL;
    628. 

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

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

  630. 		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>';
    631. 

  631. 		return html;
    632. 

  632. 	},
    633. 

  633. 

  634. 	get_control_html : function(button_name, lang) {		
    635. 

  635. 		var t=this,i,but,html,si;
    636. 

  636. 		for (i=0; i<t.advanced_buttons.length; i++)
    637. 

  637. 		{
    638. 

  638. 			but = t.advanced_buttons[i];			
    639. 

  639. 			if (but[0] == button_name)
    640. 

  640. 			{
    641. 

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

  642. 			}	
    643. 

  643. 		}		
    644. 

  644. 				
    645. 

  645. 		switch (button_name){
    646. 

  646. 			case "*":
    647. 

  647. 			case "return":
    648. 

  648. 				return "<br />";
    649. 

  649. 			case "|":
    650. 

  650. 		  	case "separator":
    651. 

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

  652. 			case "select_font":
    653. 

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

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

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

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

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

  658. 				}
    659. 

  659. 				html+="</select>";
    660. 

  660. 				return html;
    661. 

  661. 			case "syntax_selection":
    662. 

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

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

  664. 				html+="</select>";
    665. 

  665. 				return html;
    666. 

  666. 		}
    667. 

  667. 		
    668. 

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

  669. 	},
    670. 

  670. 	
    671. 

  671. 	
    672. 

  672. 	get_template : function(){
    673. 

  673. 		if(this.template=="")
    674. 

  674. 		{
    675. 

  675. 			var xhr_object = null; 
    676. 

  676. 			if(window.XMLHttpRequest) // Firefox 
    677. 

  677. 				xhr_object = new XMLHttpRequest(); 
    678. 

  678. 			else if(window.ActiveXObject) // Internet Explorer 
    679. 

  679. 				xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
    680. 

  680. 			else { // XMLHttpRequest not supported
    681. 

  681. 				alert("XMLHTTPRequest not supported. EditArea not loaded"); 
    682. 

  682. 				return; 
    683. 

  683. 			} 
    684. 

  684. 			 
    685. 

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

  686. 			xhr_object.send(null); 
    687. 

  687. 			if(xhr_object.readyState == 4) 
    688. 

  688. 				this.template=xhr_object.responseText;
    689. 

  689. 			else
    690. 

  690. 				this.has_error();
    691. 

  691. 		}
    692. 

  692. 	},
    693. 

  693. 	
    694. 

  694. 	// translate text
    695. 

  695. 	translate : function(text, lang, mode){
    696. 

  696. 		if(mode=="word")
    697. 

  697. 			text=editAreaLoader.get_word_translation(text, lang);
    698. 

  698. 		else if(mode="template"){
    699. 

  699. 			editAreaLoader.current_language= lang;
    700. 

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

  701. 		}
    702. 

  702. 		return text;
    703. 

  703. 	},
    704. 

  704. 	
    705. 

  705. 	translate_template : function(){
    706. 

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

  707. 	},
    708. 

  708. 	
    709. 

  709. 	get_word_translation : function(val, lang){
    710. 

  710. 		var i;
    711. 

  711. 		
    712. 

  712. 		for( i in editAreaLoader.lang[lang]){
    713. 

  713. 			if(i == val)
    714. 

  714. 				return editAreaLoader.lang[lang][i];
    715. 

  715. 		}
    716. 

  716. 		return "_"+val;
    717. 

  717. 	},
    718. 

  718. 	
    719. 

  719. 	load_script : function(url){
    720. 

  720. 		var t=this,d=document,script,head;
    721. 

  721. 		
    722. 

  722. 		if( t.loadedFiles[url] )
    723. 

  723. 			return;	
    724. 

  724. 		//alert("load: "+url);
    725. 

  725. 		try{
    726. 

  726. 			script= d.createElement("script");
    727. 

  727. 			script.type= "text/javascript";
    728. 

  728. 			script.src= url;
    729. 

  729. 			script.charset= "UTF-8";
    730. 

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

  731. 		}catch(e){
    732. 

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

  733. 		}
    734. 

  734. 		
    735. 

  735. 		t.loadedFiles[url] = true;
    736. 

  736. 	},
    737. 

  737. 	
    738. 

  738. 	add_event : function(obj, name, handler) {
    739. 

  739. 		try{
    740. 

  740. 			if (obj.attachEvent) {
    741. 

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

  742. 			} else{
    743. 

  743. 				obj.addEventListener(name, handler, false);
    744. 

  744. 			}
    745. 

  745. 		}catch(e){}
    746. 

  746. 	},
    747. 

  747. 	
    748. 

  748. 	remove_event : function(obj, name, handler){
    749. 

  749. 		try{
    750. 

  750. 			if (obj.detachEvent)
    751. 

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

  752. 			else
    753. 

  753. 				obj.removeEventListener(name, handler, false);
    754. 

  754. 		}catch(e){}
    755. 

  755. 	},
    756. 

  756. 

  757. 

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

  759. 	reset : function(e){
    760. 

  760. 		var formObj,is_child,i,x;
    761. 

  761. 		
    762. 

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

  763. 		if(formObj.tagName!='FORM')
    764. 

  764. 			formObj= formObj.form;
    765. 

  765. 		
    766. 

  766. 		for( i in editAreas ){			
    767. 

  767. 			is_child= false;
    768. 

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

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

  770. 					is_child=true;
    771. 

  771. 			}
    772. 

  772. 			
    773. 

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

  774. 			
    775. 

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

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

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

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

  779. 				window.setTimeout(exec, 10);
    780. 

  780. 			}
    781. 

  781. 		}		
    782. 

  782. 		return;
    783. 

  783. 	},
    784. 

  784. 	
    785. 

  785. 	
    786. 

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

  787. 	submit : function(e){		
    788. 

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

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

  790. 		if(formObj.tagName!='FORM')
    791. 

  791. 			formObj= formObj.form;
    792. 

  792. 		
    793. 

  793. 		for( i in editAreas){
    794. 

  794. 			is_child= false;
    795. 

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

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

  797. 					is_child=true;
    798. 

  798. 			}
    799. 

  799. 		
    800. 

  800. 			if(is_child)
    801. 

  801. 			{
    802. 

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

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

  804. 				editAreaLoader.execCommand(i,"EA_submit");
    805. 

  805. 			}
    806. 

  806. 		}				
    807. 

  807. 		if( typeof(formObj.edit_area_replaced_submit) == "function" ){
    808. 

  808. 			res= formObj.edit_area_replaced_submit();
    809. 

  809. 			if(res==false){
    810. 

  810. 				if(editAreaLoader.isIE)
    811. 

  811. 					return false;
    812. 

  812. 				else
    813. 

  813. 					e.preventDefault();
    814. 

  814. 			}
    815. 

  815. 		}
    816. 

  816. 		return;
    817. 

  817. 	},
    818. 

  818. 	
    819. 

  819. 	// allow to get the value of the editarea
    820. 

  820. 	getValue : function(id){
    821. 

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

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

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

  824.         	return elem.value;
    825. 

  825.         }
    826. 

  826.         return false;
    827. 

  827.     },
    828. 

  828.     
    829. 

  829.     // allow to set the value of the editarea
    830. 

  830.     setValue : function(id, new_val){
    831. 

  831.     	var fs=window.frames;
    832. 

  832.     	
    833. 

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

  834. 			f.editArea.textarea.value= new_val;     
    835. 

  835. 			f.editArea.execCommand("focus"); 
    836. 

  836. 			f.editArea.check_line_selection(false);  
    837. 

  837. 			f.editArea.execCommand("onchange");
    838. 

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

  839.         	elem.value= new_val;
    840. 

  840.         }
    841. 

  841.     },
    842. 

  842. 	    
    843. 

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

  844.     getSelectionRange : function(id){
    845. 

  845.     	var sel,eA,fs=window.frames;
    846. 

  846.     	
    847. 

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

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

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

  850. 

  851. 			sel["start"]	= eA.textarea.selectionStart;
    852. 

  852. 			sel["end"]		= eA.textarea.selectionEnd;
    853. 

  853. 		
    854. 

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

  855.         	sel= getSelectionRange(elem);
    856. 

  856.         }
    857. 

  857.         return sel;
    858. 

  858.     },
    859. 

  859.     
    860. 

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

  861.     setSelectionRange : function(id, new_start, new_end){
    862. 

  862.     	var fs=window.frames;
    863. 

  863.     	
    864. 

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

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

  866. 			// make an auto-scroll to the selection
    867. 

  867. 			if(!this.isIE){
    868. 

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

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

  870. 			}   
    871. 

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

  872.         	setSelectionRange(elem, new_start, new_end);
    873. 

  873.         }
    874. 

  874.     },
    875. 

  875.     
    876. 

  876.     getSelectedText : function(id){
    877. 

  877.     	var sel= this.getSelectionRange(id);
    878. 

  878.     	
    879. 

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

  880.     },
    881. 

  881. 	
    882. 

  882. 	setSelectedText : function(id, new_val){
    883. 

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

  884. 		
    885. 

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

  886. 		sel		= this.getSelectionRange(id);
    887. 

  887. 		text	= this.getValue(id);
    888. 

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

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

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

  891. 		}else{
    892. 

  892. 			scrollTop	= d.getElementById(id).scrollTop;
    893. 

  893. 			scrollLeft	= d.getElementById(id).scrollLeft;
    894. 

  894. 		}
    895. 

  895. 		
    896. 

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

  897. 		this.setValue(id, text);
    898. 

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

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

  900. 		
    901. 

  901. 		
    902. 

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

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

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

  905. 		}
    906. 

  906. 		// restore scrolling position
    907. 

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

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

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

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

  911. 		}else{
    912. 

  912. 			d.getElementById(id).scrollTop= scrollTop;
    913. 

  913. 			d.getElementById(id).scrollLeft= scrollLeft;
    914. 

  914. 		}
    915. 

  915.     },
    916. 

  916.     
    917. 

  917.     insertTags : function(id, open_tag, close_tag){
    918. 

  918.     	var old_sel,new_sel;
    919. 

  919.     	
    920. 

  920.     	old_sel	= this.getSelectionRange(id);
    921. 

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

  922.     	 
    923. 

  923. 		editAreaLoader.setSelectedText(id, text);
    924. 

  924. 		
    925. 

  925.     	new_sel	= this.getSelectionRange(id);
    926. 

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

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

  928.     	else // cursor in the middle
    929. 

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

  930.     },
    931. 

  931.     
    932. 

  932.     // hide both EditArea and normal textarea
    933. 

  933. 	hide : function(id){
    934. 

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

  935. 		if(d.getElementById(id) && !t.hidden[id])
    936. 

  936. 		{
    937. 

  937. 			t.hidden[id]= {};
    938. 

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

  939. 			if(d.getElementById(id).style.display!="none")
    940. 

  940. 			{
    941. 

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

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

  943. 			}
    944. 

  944. 					
    945. 

  945. 			if(fs["frame_"+id])
    946. 

  946. 			{
    947. 

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

  948. 				
    949. 

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

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

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

  952. 				}else{
    953. 

  953. 					scrollTop	= d.getElementById(id).scrollTop;
    954. 

  954. 					scrollLeft	= d.getElementById(id).scrollLeft;
    955. 

  955. 				}
    956. 

  956. 				t.hidden[id]["scrollTop"]= scrollTop;
    957. 

  957. 				t.hidden[id]["scrollLeft"]= scrollLeft;
    958. 

  958. 				
    959. 

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

  960. 					editAreaLoader.toggle_off(id);
    961. 

  961. 			}
    962. 

  962. 			
    963. 

  963. 			// hide toggle button and debug box
    964. 

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

  965. 			if(span){
    966. 

  966. 				span.style.display='none';
    967. 

  967. 			}
    968. 

  968. 			
    969. 

  969. 			// hide textarea
    970. 

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

  971. 		}
    972. 

  972. 	},
    973. 

  973. 	
    974. 

  974. 	// restore hidden EditArea and normal textarea
    975. 

  975. 	show : function(id){
    976. 

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

  977. 		if((elem=d.getElementById(id)) && t.hidden[id])
    978. 

  978. 		{
    979. 

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

  980. 			elem.scrollTop= t.hidden[id]["scrollTop"];
    981. 

  981. 			elem.scrollLeft= t.hidden[id]["scrollLeft"];
    982. 

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

  983. 			if(span){
    984. 

  984. 				span.style.display='inline';
    985. 

  985. 			}
    986. 

  986. 			
    987. 

  987. 			if(fs["frame_"+id])
    988. 

  988. 			{
    989. 

  989. 								
    990. 

  990. 				// restore toggle button and debug box
    991. 

  991. 			
    992. 

  992. 				
    993. 

  993. 				// restore textarea
    994. 

  994. 				elem.style.display= "inline";
    995. 

  995. 				
    996. 

  996. 				// restore EditArea
    997. 

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

  998. 					editAreaLoader.toggle_on(id);
    999. 

  999. 				
    1000. 

  1000. 				scrollTop	= t.hidden[id]["scrollTop"];
    1001. 

  1001. 				scrollLeft	= t.hidden[id]["scrollLeft"];
    1002. 

  1002. 				
    1003. 

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

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

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

  1006. 				}else{
    1007. 

  1007. 					elem.scrollTop	= scrollTop;
    1008. 

  1008. 					elem.scrollLeft	= scrollLeft;
    1009. 

  1009. 				}
    1010. 

  1010. 			
    1011. 

  1011. 			}
    1012. 

  1012. 			// restore selection
    1013. 

  1013. 			sel	= t.hidden[id]["selectionRange"];
    1014. 

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

  1015. 			delete t.hidden[id];	
    1016. 

  1016. 		}
    1017. 

  1017. 	},
    1018. 

  1018. 	
    1019. 

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

  1020. 	getCurrentFile : function(id){
    1021. 

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

  1022. 	},
    1023. 

  1023. 	
    1024. 

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

  1025. 	getFile : function(id, file_id){
    1026. 

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

  1027. 	},
    1028. 

  1028. 	
    1029. 

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

  1030. 	getAllFiles : function(id){
    1031. 

  1031. 		return this.execCommand(id, 'get_all_files()');
    1032. 

  1032. 	},
    1033. 

  1033. 	
    1034. 

  1034. 	// open a file (for multi file editing mode)
    1035. 

  1035. 	openFile : function(id, file_infos){
    1036. 

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

  1037. 	},
    1038. 

  1038. 	
    1039. 

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

  1040. 	closeFile : function(id, file_id){
    1041. 

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

  1042. 	},
    1043. 

  1043. 	
    1044. 

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

  1045. 	setFileEditedMode : function(id, file_id, to){
    1046. 

  1046. 		var reg1,reg2;
    1047. 

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

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

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

  1050. 	},
    1051. 

  1051. 	
    1052. 

  1052. 	
    1053. 

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

  1054. 	execCommand : function(id, cmd, fct_param){
    1055. 

  1055. 		switch(cmd){
    1056. 

  1056. 			case "EA_init":
    1057. 

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

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

  1059. 				break;
    1060. 

  1060. 			case "EA_delete":
    1061. 

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

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

  1063. 				break;
    1064. 

  1064. 			case "EA_submit":
    1065. 

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

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

  1067. 				break;
    1068. 

  1068. 		}
    1069. 

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

  1070. 			if(fct_param!=undefined)
    1071. 

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

  1072. 			else
    1073. 

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

  1074.         }
    1075. 

  1075.         return false;
    1076. 

  1076.     }
    1077. 

  1077. };
    1078. 

  1078. 	
    1079. 

  1079. 	var editAreaLoader= new EditAreaLoader();
    1080. 

  1080. 	var editAreas= {};
    1081. 

  1081. 

  1082.