diff options
Diffstat (limited to 'plugins/LocalFilesEditor/editarea/edit_area_loader.js')
| -rw-r--r-- | plugins/LocalFilesEditor/editarea/edit_area_loader.js | 1081 |
1 files changed, 1081 insertions, 0 deletions
diff --git a/plugins/LocalFilesEditor/editarea/edit_area_loader.js b/plugins/LocalFilesEditor/editarea/edit_area_loader.js new file mode 100644 index 000000000..abc928128 --- /dev/null +++ b/plugins/LocalFilesEditor/editarea/edit_area_loader.js @@ -0,0 +1,1081 @@ +/******
+ *
+ * EditArea
+ * Developped by Christophe Dolivet
+ * Released under LGPL, Apache and BSD licenses (use the one you want)
+ *
+******/
+
+function EditAreaLoader(){
+ var t=this;
+ t.version= "0.8.2";
+ date= new Date();
+ t.start_time=date.getTime();
+ t.win= "loading"; // window loading state
+ t.error= false; // to know if load is interrrupt
+ t.baseURL="";
+ //t.suffix="";
+ t.template="";
+ t.lang= {}; // array of loaded speech language
+ t.load_syntax= {}; // array of loaded syntax language for highlight mode
+ t.syntax= {}; // array of initilized syntax language for highlight mode
+ t.loadedFiles= [];
+ t.waiting_loading= {}; // files that must be loaded in order to allow the script to really start
+ // scripts that must be loaded in the iframe
+ t.scripts_to_load= ["elements_functions", "resize_area", "reg_syntax"];
+ t.sub_scripts_to_load= ["edit_area", "manage_area" ,"edit_area_functions", "keyboard", "search_replace", "highlight", "regexp"];
+ t.syntax_display_name= { /*syntax_display_name_AUTO-FILL-BY-COMPRESSOR*/ };
+
+ t.resize= []; // contain resizing datas
+ t.hidden= {}; // store datas of the hidden textareas
+
+ t.default_settings= {
+ //id: "src" // id of the textarea to transform
+ debug: false
+ ,smooth_selection: true
+ ,font_size: "10" // not for IE
+ ,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...
+ ,start_highlight: false // if start with highlight
+ ,toolbar: "search, go_to_line, fullscreen, |, undo, redo, |, select_font,|, change_smooth_selection, highlight, reset_highlight, word_wrap, |, help"
+ ,begin_toolbar: "" // "new_document, save, load, |"
+ ,end_toolbar: "" // or end_toolbar
+ ,is_multi_files: false // enable the multi file mode (the textarea content is ignored)
+ ,allow_resize: "both" // possible values: "no", "both", "x", "y"
+ ,show_line_colors: false // if the highlight is disabled for the line currently beeing edited (if enabled => heavy CPU use)
+ ,min_width: 400
+ ,min_height: 125
+ ,replace_tab_by_spaces: false
+ ,allow_toggle: true // true or false
+ ,language: "en"
+ ,syntax: ""
+ ,syntax_selection_allow: "basic,brainfuck,c,coldfusion,cpp,css,html,java,js,pas,perl,php,python,ruby,robotstxt,sql,tsql,vb,xml"
+ ,display: "onload" // onload or later
+ ,max_undo: 30
+ ,browsers: "known" // all or known
+ ,plugins: "" // comma separated plugin list
+ ,gecko_spellcheck: false // enable/disable by default the gecko_spellcheck
+ ,fullscreen: false
+ ,is_editable: true
+ ,cursor_position: "begin"
+ ,word_wrap: false // define if the text is wrapped of not in the textarea
+ ,autocompletion: false // NOT IMPLEMENTED
+ ,load_callback: "" // click on load button (function name)
+ ,save_callback: "" // click on save button (function name)
+ ,change_callback: "" // textarea onchange trigger (function name)
+ ,submit_callback: "" // form submited (function name)
+ ,EA_init_callback: "" // EditArea initiliazed (function name)
+ ,EA_delete_callback: "" // EditArea deleted (function name)
+ ,EA_load_callback: "" // EditArea fully loaded and displayed (function name)
+ ,EA_unload_callback: "" // EditArea delete while being displayed (function name)
+ ,EA_toggle_on_callback: "" // EditArea toggled on (function name)
+ ,EA_toggle_off_callback: "" // EditArea toggled off (function name)
+ ,EA_file_switch_on_callback: "" // a new tab is selected (called for the newly selected file)
+ ,EA_file_switch_off_callback: "" // a new tab is selected (called for the previously selected file)
+ ,EA_file_close_callback: "" // close a tab
+ };
+
+ t.advanced_buttons = [
+ // id, button img, command (it will try to find the translation of "id"), is_file_specific
+ ['new_document', 'newdocument.gif', 'new_document', false],
+ ['search', 'search.gif', 'show_search', false],
+ ['go_to_line', 'go_to_line.gif', 'go_to_line', false],
+ ['undo', 'undo.gif', 'undo', true],
+ ['redo', 'redo.gif', 'redo', true],
+ ['change_smooth_selection', 'smooth_selection.gif', 'change_smooth_selection_mode', true],
+ ['reset_highlight', 'reset_highlight.gif', 'resync_highlight', true],
+ ['highlight', 'highlight.gif','change_highlight', true],
+ ['help', 'help.gif', 'show_help', false],
+ ['save', 'save.gif', 'save', false],
+ ['load', 'load.gif', 'load', false],
+ ['fullscreen', 'fullscreen.gif', 'toggle_full_screen', false],
+ ['word_wrap', 'word_wrap.gif', 'toggle_word_wrap', true],
+ ['autocompletion', 'autocompletion.gif', 'toggle_autocompletion', true]
+ ];
+
+ // navigator identification
+ t.set_browser_infos(t);
+
+ if(t.isIE>=6 || t.isGecko || ( t.isWebKit && !t.isSafari<3 ) || t.isOpera>=9 || t.isCamino )
+ t.isValidBrowser=true;
+ else
+ t.isValidBrowser=false;
+
+ t.set_base_url();
+
+ for(var i=0; i<t.scripts_to_load.length; i++){
+ 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
+ t.waiting_loading[t.scripts_to_load[i]+ ".js"]= false;
+ }
+ t.add_event(window, "load", EditAreaLoader.prototype.window_loaded);
+};
+
+EditAreaLoader.prototype ={
+ has_error : function(){
+ this.error= true;
+ // set to empty all EditAreaLoader functions
+ for(var i in EditAreaLoader.prototype){
+ EditAreaLoader.prototype[i]=function(){};
+ }
+ },
+
+ // add browser informations to the object passed in parameter
+ set_browser_infos : function(o){
+ ua= navigator.userAgent;
+
+ // general detection
+ o.isWebKit = /WebKit/.test(ua);
+ o.isGecko = !o.isWebKit && /Gecko/.test(ua);
+ o.isMac = /Mac/.test(ua);
+
+ o.isIE = (navigator.appName == "Microsoft Internet Explorer");
+ if(o.isIE){
+ o.isIE = ua.replace(/^.*?MSIE\s+([0-9\.]+).*$/, "$1");
+ if(o.isIE<6)
+ o.has_error();
+ }
+
+ if(o.isOpera = (ua.indexOf('Opera') != -1)){
+ o.isOpera= ua.replace(/^.*?Opera.*?([0-9\.]+).*$/i, "$1");
+ if(o.isOpera<9)
+ o.has_error();
+ o.isIE=false;
+ }
+
+ if(o.isFirefox =(ua.indexOf('Firefox') != -1))
+ o.isFirefox = ua.replace(/^.*?Firefox.*?([0-9\.]+).*$/i, "$1");
+ // Firefox clones
+ if( ua.indexOf('Iceweasel') != -1 )
+ o.isFirefox = ua.replace(/^.*?Iceweasel.*?([0-9\.]+).*$/i, "$1");
+ if( ua.indexOf('GranParadiso') != -1 )
+ o.isFirefox = ua.replace(/^.*?GranParadiso.*?([0-9\.]+).*$/i, "$1");
+ if( ua.indexOf('BonEcho') != -1 )
+ o.isFirefox = ua.replace(/^.*?BonEcho.*?([0-9\.]+).*$/i, "$1");
+ if( ua.indexOf('SeaMonkey') != -1)
+ o.isFirefox = (ua.replace(/^.*?SeaMonkey.*?([0-9\.]+).*$/i, "$1") ) + 1;
+
+ if(o.isCamino =(ua.indexOf('Camino') != -1))
+ o.isCamino = ua.replace(/^.*?Camino.*?([0-9\.]+).*$/i, "$1");
+
+ if(o.isSafari =(ua.indexOf('Safari') != -1))
+ o.isSafari= ua.replace(/^.*?Version\/([0-9]+\.[0-9]+).*$/i, "$1");
+
+ if(o.isChrome =(ua.indexOf('Chrome') != -1)) {
+ o.isChrome = ua.replace(/^.*?Chrome.*?([0-9\.]+).*$/i, "$1");
+ o.isSafari = false;
+ }
+
+ },
+
+ window_loaded : function(){
+ editAreaLoader.win="loaded";
+
+ // add events on forms
+ if (document.forms) {
+ for (var i=0; i<document.forms.length; i++) {
+ var form = document.forms[i];
+ form.edit_area_replaced_submit=null;
+ try {
+
+ form.edit_area_replaced_submit = form.onsubmit;
+ form.onsubmit="";
+ } catch (e) {// Do nothing
+ }
+ editAreaLoader.add_event(form, "submit", EditAreaLoader.prototype.submit);
+ editAreaLoader.add_event(form, "reset", EditAreaLoader.prototype.reset);
+ }
+ }
+ editAreaLoader.add_event(window, "unload", function(){for(var i in editAreas){editAreaLoader.delete_instance(i);}}); // ini callback
+ },
+
+ // init the checkup of the selection of the IE textarea
+ init_ie_textarea : function(id){
+ var a=document.getElementById(id);
+ try{
+ if(a && typeof(a.focused)=="undefined"){
+ a.focus();
+ a.focused=true;
+ a.selectionStart= a.selectionEnd= 0;
+ get_IE_selection(a);
+ editAreaLoader.add_event(a, "focus", IE_textarea_focus);
+ editAreaLoader.add_event(a, "blur", IE_textarea_blur);
+
+ }
+ }catch(ex){}
+ },
+
+ init : function(settings){
+ var t=this,s=settings,i;
+
+ if(!s["id"])
+ t.has_error();
+ if(t.error)
+ return;
+ // if an instance of the editor already exists for this textarea => delete the previous one
+ if(editAreas[s["id"]])
+ t.delete_instance(s["id"]);
+
+ // init settings
+ for(i in t.default_settings){
+ if(typeof(s[i])=="undefined")
+ s[i]=t.default_settings[i];
+ }
+
+ if(s["browsers"]=="known" && t.isValidBrowser==false){
+ return;
+ }
+
+ if(s["begin_toolbar"].length>0)
+ s["toolbar"]= s["begin_toolbar"] +","+ s["toolbar"];
+ if(s["end_toolbar"].length>0)
+ s["toolbar"]= s["toolbar"] +","+ s["end_toolbar"];
+ s["tab_toolbar"]= s["toolbar"].replace(/ /g,"").split(",");
+
+ s["plugins"]= s["plugins"].replace(/ /g,"").split(",");
+ for(i=0; i<s["plugins"].length; i++){
+ if(s["plugins"][i].length==0)
+ s["plugins"].splice(i,1);
+ }
+ // alert(settings["plugins"].length+": "+ settings["plugins"].join(","));
+ t.get_template();
+ t.load_script(t.baseURL + "langs/"+ s["language"] + ".js");
+
+ if(s["syntax"].length>0){
+ s["syntax"]=s["syntax"].toLowerCase();
+ t.load_script(t.baseURL + "reg_syntax/"+ s["syntax"] + ".js");
+ }
+ //alert(this.template);
+
+ editAreas[s["id"]]= {"settings": s};
+ editAreas[s["id"]]["displayed"]=false;
+ editAreas[s["id"]]["hidden"]=false;
+
+ //if(settings["display"]=="onload")
+ t.start(s["id"]);
+ },
+
+ // delete an instance of an EditArea
+ delete_instance : function(id){
+ var d=document,fs=window.frames,span,iframe;
+ editAreaLoader.execCommand(id, "EA_delete");
+ if(fs["frame_"+id] && fs["frame_"+id].editArea)
+ {
+ if(editAreas[id]["displayed"])
+ editAreaLoader.toggle(id, "off");
+ fs["frame_"+id].editArea.execCommand("EA_unload");
+ }
+
+ // remove toggle infos and debug textarea
+ span= d.getElementById("EditAreaArroundInfos_"+id);
+ if(span)
+ span.parentNode.removeChild(span);
+
+ // remove the iframe
+ iframe= d.getElementById("frame_"+id);
+ if(iframe){
+ iframe.parentNode.removeChild(iframe);
+ //delete iframe;
+ try {
+ delete fs["frame_"+id];
+ } catch (e) {// Do nothing
+ }
+ }
+
+ delete editAreas[id];
+ },
+
+
+ start : function(id){
+ var t=this,d=document,f,span,father,next,html='',html_toolbar_content='',template,content,i;
+
+ // check that the window is loaded
+ if(t.win!="loaded"){
+ setTimeout("editAreaLoader.start('"+id+"');", 50);
+ return;
+ }
+
+ // check that all needed scripts are loaded
+ for( i in t.waiting_loading){
+ if(t.waiting_loading[i]!="loaded" && typeof(t.waiting_loading[i])!="function"){
+ setTimeout("editAreaLoader.start('"+id+"');", 50);
+ return;
+ }
+ }
+
+ // wait until language and syntax files are loaded
+ if(!t.lang[editAreas[id]["settings"]["language"]] || (editAreas[id]["settings"]["syntax"].length>0 && !t.load_syntax[editAreas[id]["settings"]["syntax"]]) ){
+ setTimeout("editAreaLoader.start('"+id+"');", 50);
+ return;
+ }
+ // init the regexp for syntax highlight
+ if(editAreas[id]["settings"]["syntax"].length>0)
+ t.init_syntax_regexp();
+
+
+ // display toggle option and debug area
+ if(!d.getElementById("EditAreaArroundInfos_"+id) && (editAreas[id]["settings"]["debug"] || editAreas[id]["settings"]["allow_toggle"]))
+ {
+ span= d.createElement("span");
+ span.id= "EditAreaArroundInfos_"+id;
+ if(editAreas[id]["settings"]["allow_toggle"]){
+ checked=(editAreas[id]["settings"]["display"]=="onload")?"checked='checked'":"";
+ html+="<div id='edit_area_toggle_"+i+"'>";
+ html+="<input id='edit_area_toggle_checkbox_"+ id +"' class='toggle_"+ id +"' type='checkbox' onclick='editAreaLoader.toggle(\""+ id +"\");' accesskey='e' "+checked+" />";
+ html+="<label for='edit_area_toggle_checkbox_"+ id +"'>{$toggle}</label></div>";
+ }
+ if(editAreas[id]["settings"]["debug"])
+ 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 />";
+ html= t.translate(html, editAreas[id]["settings"]["language"]);
+ span.innerHTML= html;
+ father= d.getElementById(id).parentNode;
+ next= d.getElementById(id).nextSibling;
+ if(next==null)
+ father.appendChild(span);
+ else
+ father.insertBefore(span, next);
+ }
+
+ if(!editAreas[id]["initialized"])
+ {
+ t.execCommand(id, "EA_init"); // ini callback
+ if(editAreas[id]["settings"]["display"]=="later"){
+ editAreas[id]["initialized"]= true;
+ return;
+ }
+ }
+
+ if(t.isIE){ // launch IE selection checkup
+ t.init_ie_textarea(id);
+ }
+
+ // get toolbar content
+ var area=editAreas[id];
+
+ for(i=0; i<area["settings"]["tab_toolbar"].length; i++){
+ // alert(this.tab_toolbar[i]+"\n"+ this.get_control_html(this.tab_toolbar[i]));
+ html_toolbar_content+= t.get_control_html(area["settings"]["tab_toolbar"][i], area["settings"]["language"]);
+ }
+ // translate toolbar text here for chrome 2
+ html_toolbar_content = t.translate(html_toolbar_content, area["settings"]["language"], "template");
+
+
+ // create javascript import rules for the iframe if the javascript has not been already loaded by the compressor
+ if(!t.iframe_script){
+ t.iframe_script="";
+ for(i=0; i<t.sub_scripts_to_load.length; i++)
+ t.iframe_script+='<script language="javascript" type="text/javascript" src="'+ t.baseURL + t.sub_scripts_to_load[i] +'.js"></script>';
+ }
+
+ // add plugins scripts if not already loaded by the compressor (but need to load language in all the case)
+ for(i=0; i<area["settings"]["plugins"].length; i++){
+ //if(typeof(area["settings"]["plugins"][i])=="function") continue;
+ if(!t.all_plugins_loaded)
+ t.iframe_script+='<script language="javascript" type="text/javascript" src="'+ t.baseURL + 'plugins/' + area["settings"]["plugins"][i] + '/' + area["settings"]["plugins"][i] +'.js"></script>';
+ t.iframe_script+='<script language="javascript" type="text/javascript" src="'+ t.baseURL + 'plugins/' + area["settings"]["plugins"][i] + '/langs/' + area["settings"]["language"] +'.js"></script>';
+ }
+
+
+ // create css link for the iframe if the whole css text has not been already loaded by the compressor
+ if(!t.iframe_css){
+ t.iframe_css="<link href='"+ t.baseURL +"edit_area.css' rel='stylesheet' type='text/css' />";
+ }
+
+
+ // create template
+ template= t.template.replace(/\[__BASEURL__\]/g, t.baseURL);
+ template= template.replace("[__TOOLBAR__]",html_toolbar_content);
+
+
+ // fill template with good language sentences
+ template= t.translate(template, area["settings"]["language"], "template");
+
+ // add css_code
+ template= template.replace("[__CSSRULES__]", t.iframe_css);
+ // add js_code
+ template= template.replace("[__JSCODE__]", t.iframe_script);
+
+ // add version_code
+ template= template.replace("[__EA_VERSION__]", t.version);
+ //template=template.replace(/\{\$([^\}]+)\}/gm, this.traduc_template);
+
+ //editAreas[area["settings"]["id"]]["template"]= template;
+
+ area.textarea=d.getElementById(area["settings"]["id"]);
+ editAreas[area["settings"]["id"]]["textarea"]=area.textarea;
+
+ // if removing previous instances from DOM before (fix from Marcin)
+ if(typeof(window.frames["frame_"+area["settings"]["id"]])!='undefined')
+ delete window.frames["frame_"+area["settings"]["id"]];
+
+ // insert template in the document after the textarea
+ father= area.textarea.parentNode;
+ /* var container= document.createElement("div");
+ container.id= "EditArea_frame_container_"+area["settings"]["id"];
+ */
+ content= d.createElement("iframe");
+ content.name= "frame_"+area["settings"]["id"];
+ content.id= "frame_"+area["settings"]["id"];
+ content.style.borderWidth= "0px";
+ setAttribute(content, "frameBorder", "0"); // IE
+ content.style.overflow="hidden";
+ content.style.display="none";
+
+
+ next= area.textarea.nextSibling;
+ if(next==null)
+ father.appendChild(content);
+ else
+ father.insertBefore(content, next) ;
+ f=window.frames["frame_"+area["settings"]["id"]];
+ f.document.open();
+ f.editAreas=editAreas;
+ f.area_id= area["settings"]["id"];
+ f.document.area_id= area["settings"]["id"];
+ f.document.write(template);
+ f.document.close();
+
+ // frame.editAreaLoader=this;
+ //editAreas[area["settings"]["id"]]["displayed"]=true;
+
+ },
+
+ toggle : function(id, toggle_to){
+
+ /* if((editAreas[id]["displayed"]==true && toggle_to!="on") || toggle_to=="off"){
+ this.toggle_off(id);
+ }else if((editAreas[id]["displayed"]==false && toggle_to!="off") || toggle_to=="on"){
+ this.toggle_on(id);
+ }*/
+ if(!toggle_to)
+ toggle_to= (editAreas[id]["displayed"]==true)?"off":"on";
+ if(editAreas[id]["displayed"]==true && toggle_to=="off"){
+ this.toggle_off(id);
+ }else if(editAreas[id]["displayed"]==false && toggle_to=="on"){
+ this.toggle_on(id);
+ }
+
+ return false;
+ },
+
+ // static function
+ toggle_off : function(id){
+ var fs=window.frames,f,t,parNod,nxtSib,selStart,selEnd,scrollTop,scrollLeft;
+ if(fs["frame_"+id])
+ {
+ f = fs["frame_"+id];
+ t = editAreas[id]["textarea"];
+ if(f.editArea.fullscreen['isFull'])
+ f.editArea.toggle_full_screen(false);
+ editAreas[id]["displayed"]=false;
+
+ // set wrap to off to keep same display mode (some browser get problem with this, so it need more complex operation
+ t.wrap = "off"; // for IE
+ setAttribute(t, "wrap", "off"); // for Firefox
+ parNod = t.parentNode;
+ nxtSib = t.nextSibling;
+ parNod.removeChild(t);
+ parNod.insertBefore(t, nxtSib);
+
+ // restore values
+ t.value= f.editArea.textarea.value;
+ selStart = f.editArea.last_selection["selectionStart"];
+ selEnd = f.editArea.last_selection["selectionEnd"];
+ scrollTop = f.document.getElementById("result").scrollTop;
+ scrollLeft = f.document.getElementById("result").scrollLeft;
+
+
+ document.getElementById("frame_"+id).style.display='none';
+
+ t.style.display="inline";
+
+ try{ // IE will give an error when trying to focus an invisible or disabled textarea
+ t.focus();
+ } catch(e){};
+ if(this.isIE){
+ t.selectionStart= selStart;
+ t.selectionEnd = selEnd;
+ t.focused = true;
+ set_IE_selection(t);
+ }else{
+ if(this.isOpera && this.isOpera < 9.6 ){ // Opera bug when moving selection start and selection end
+ t.setSelectionRange(0, 0);
+ }
+ try{
+ t.setSelectionRange(selStart, selEnd);
+ } catch(e) {};
+ }
+ t.scrollTop= scrollTop;
+ t.scrollLeft= scrollLeft;
+ f.editArea.execCommand("toggle_off");
+
+ }
+ },
+
+ // static function
+ toggle_on : function(id){
+ var fs=window.frames,f,t,selStart=0,selEnd=0,scrollTop=0,scrollLeft=0,curPos,elem;
+
+ if(fs["frame_"+id])
+ {
+ f = fs["frame_"+id];
+ t = editAreas[id]["textarea"];
+ area= f.editArea;
+ area.textarea.value= t.value;
+
+ // store display values;
+ curPos = editAreas[id]["settings"]["cursor_position"];
+
+ if(t.use_last==true)
+ {
+ selStart = t.last_selectionStart;
+ selEnd = t.last_selectionEnd;
+ scrollTop = t.last_scrollTop;
+ scrollLeft = t.last_scrollLeft;
+ t.use_last=false;
+ }
+ else if( curPos == "auto" )
+ {
+ try{
+ selStart = t.selectionStart;
+ selEnd = t.selectionEnd;
+ scrollTop = t.scrollTop;
+ scrollLeft = t.scrollLeft;
+ //alert(scrollTop);
+ }catch(ex){}
+ }
+
+ // set to good size
+ this.set_editarea_size_from_textarea(id, document.getElementById("frame_"+id));
+ t.style.display="none";
+ document.getElementById("frame_"+id).style.display="inline";
+ area.execCommand("focus"); // without this focus opera doesn't manage well the iframe body height
+
+
+ // restore display values
+ editAreas[id]["displayed"]=true;
+ area.execCommand("update_size");
+
+ f.document.getElementById("result").scrollTop= scrollTop;
+ f.document.getElementById("result").scrollLeft= scrollLeft;
+ area.area_select(selStart, selEnd-selStart);
+ area.execCommand("toggle_on");
+
+
+ }
+ else
+ {
+ /* if(this.isIE)
+ get_IE_selection(document.getElementById(id)); */
+ elem= document.getElementById(id);
+ elem.last_selectionStart= elem.selectionStart;
+ elem.last_selectionEnd= elem.selectionEnd;
+ elem.last_scrollTop= elem.scrollTop;
+ elem.last_scrollLeft= elem.scrollLeft;
+ elem.use_last=true;
+ editAreaLoader.start(id);
+ }
+ },
+
+ set_editarea_size_from_textarea : function(id, frame){
+ var elem,width,height;
+ elem = document.getElementById(id);
+
+ width = Math.max(editAreas[id]["settings"]["min_width"], elem.offsetWidth)+"px";
+ height = Math.max(editAreas[id]["settings"]["min_height"], elem.offsetHeight)+"px";
+ if(elem.style.width.indexOf("%")!=-1)
+ width = elem.style.width;
+ if(elem.style.height.indexOf("%")!=-1)
+ height = elem.style.height;
+ //alert("h: "+height+" w: "+width);
+
+ frame.style.width= width;
+ frame.style.height= height;
+ },
+
+ set_base_url : function(){
+ var t=this,elems,i,docBasePath;
+
+ if( !this.baseURL ){
+ elems = document.getElementsByTagName('script');
+
+ for( i=0; i<elems.length; i++ ){
+ if (elems[i].src && elems[i].src.match(/edit_area_[^\\\/]*$/i) ) {
+ var src = unescape( elems[i].src ); // use unescape for utf-8 encoded urls
+ src = src.substring(0, src.lastIndexOf('/'));
+ this.baseURL = src;
+ this.file_name= elems[i].src.substr(elems[i].src.lastIndexOf("/")+1);
+ break;
+ }
+ }
+ }
+
+ docBasePath = document.location.href;
+ if (docBasePath.indexOf('?') != -1)
+ docBasePath = docBasePath.substring(0, docBasePath.indexOf('?'));
+ docBasePath = docBasePath.substring(0, docBasePath.lastIndexOf('/'));
+
+ // If not HTTP absolute
+ if (t.baseURL.indexOf('://') == -1 && t.baseURL.charAt(0) != '/') {
+ // If site absolute
+ t.baseURL = docBasePath + "/" + t.baseURL;
+ }
+ t.baseURL +="/";
+ },
+
+ get_button_html : function(id, img, exec, isFileSpecific, baseURL) {
+ var cmd,html;
+ if(!baseURL)
+ baseURL= this.baseURL;
+ cmd = 'editArea.execCommand(\'' + exec + '\')';
+ html = '<a id="a_'+ id +'" href="javascript:' + cmd + '" onclick="' + cmd + ';return false;" onmousedown="return false;" target="_self" fileSpecific="'+ (isFileSpecific?'yes':'no') +'">';
+ 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>';
+ return html;
+ },
+
+ get_control_html : function(button_name, lang) {
+ var t=this,i,but,html,si;
+ for (i=0; i<t.advanced_buttons.length; i++)
+ {
+ but = t.advanced_buttons[i];
+ if (but[0] == button_name)
+ {
+ return t.get_button_html(but[0], but[1], but[2], but[3]);
+ }
+ }
+
+ switch (button_name){
+ case "*":
+ case "return":
+ return "<br />";
+ case "|":
+ case "separator":
+ return '<img src="'+ t.baseURL +'images/spacer.gif" width="1" height="15" class="editAreaSeparatorLine">';
+ case "select_font":
+ html= "<select id='area_font_size' onchange='javascript:editArea.execCommand(\"change_font_size\")' fileSpecific='yes'>";
+ html+="<option value='-1'>{$font_size}</option>";
+ si=[8,9,10,11,12,14];
+ for( i=0;i<si.length;i++){
+ html+="<option value='"+si[i]+"'>"+si[i]+" pt</option>";
+ }
+ html+="</select>";
+ return html;
+ case "syntax_selection":
+ html= "<select id='syntax_selection' onchange='javascript:editArea.execCommand(\"change_syntax\", this.value)' fileSpecific='yes'>";
+ html+="<option value='-1'>{$syntax_selection}</option>";
+ html+="</select>";
+ return html;
+ }
+
+ return "<span id='tmp_tool_"+button_name+"'>["+button_name+"]</span>";
+ },
+
+
+ get_template : function(){
+ if(this.template=="")
+ {
+ var xhr_object = null;
+ if(window.XMLHttpRequest) // Firefox
+ xhr_object = new XMLHttpRequest();
+ else if(window.ActiveXObject) // Internet Explorer
+ xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
+ else { // XMLHttpRequest not supported
+ alert("XMLHTTPRequest not supported. EditArea not loaded");
+ return;
+ }
+
+ xhr_object.open("GET", this.baseURL+"template.html", false);
+ xhr_object.send(null);
+ if(xhr_object.readyState == 4)
+ this.template=xhr_object.responseText;
+ else
+ this.has_error();
+ }
+ },
+
+ // translate text
+ translate : function(text, lang, mode){
+ if(mode=="word")
+ text=editAreaLoader.get_word_translation(text, lang);
+ else if(mode="template"){
+ editAreaLoader.current_language= lang;
+ text=text.replace(/\{\$([^\}]+)\}/gm, editAreaLoader.translate_template);
+ }
+ return text;
+ },
+
+ translate_template : function(){
+ return editAreaLoader.get_word_translation(EditAreaLoader.prototype.translate_template.arguments[1], editAreaLoader.current_language);
+ },
+
+ get_word_translation : function(val, lang){
+ var i;
+
+ for( i in editAreaLoader.lang[lang]){
+ if(i == val)
+ return editAreaLoader.lang[lang][i];
+ }
+ return "_"+val;
+ },
+
+ load_script : function(url){
+ var t=this,d=document,script,head;
+
+ if( t.loadedFiles[url] )
+ return;
+ //alert("load: "+url);
+ try{
+ script= d.createElement("script");
+ script.type= "text/javascript";
+ script.src= url;
+ script.charset= "UTF-8";
+ d.getElementsByTagName("head")[0].appendChild(script);
+ }catch(e){
+ d.write('<sc'+'ript language="javascript" type="text/javascript" src="' + url + '" charset="UTF-8"></sc'+'ript>');
+ }
+
+ t.loadedFiles[url] = true;
+ },
+
+ add_event : function(obj, name, handler) {
+ try{
+ if (obj.attachEvent) {
+ obj.attachEvent("on" + name, handler);
+ } else{
+ obj.addEventListener(name, handler, false);
+ }
+ }catch(e){}
+ },
+
+ remove_event : function(obj, name, handler){
+ try{
+ if (obj.detachEvent)
+ obj.detachEvent("on" + name, handler);
+ else
+ obj.removeEventListener(name, handler, false);
+ }catch(e){}
+ },
+
+
+ // reset all the editareas in the form that have been reseted
+ reset : function(e){
+ var formObj,is_child,i,x;
+
+ formObj = editAreaLoader.isIE ? window.event.srcElement : e.target;
+ if(formObj.tagName!='FORM')
+ formObj= formObj.form;
+
+ for( i in editAreas ){
+ is_child= false;
+ for( x=0;x<formObj.elements.length;x++ ) {
+ if(formObj.elements[x].id == i)
+ is_child=true;
+ }
+
+ if(window.frames["frame_"+i] && is_child && editAreas[i]["displayed"]==true){
+
+ var exec= 'window.frames["frame_'+ i +'"].editArea.textarea.value= document.getElementById("'+ i +'").value;';
+ exec+= 'window.frames["frame_'+ i +'"].editArea.execCommand("focus");';
+ exec+= 'window.frames["frame_'+ i +'"].editArea.check_line_selection();';
+ exec+= 'window.frames["frame_'+ i +'"].editArea.execCommand("reset");';
+ window.setTimeout(exec, 10);
+ }
+ }
+ return;
+ },
+
+
+ // prepare all the textarea replaced by an editarea to be submited
+ submit : function(e){
+ var formObj,is_child,fs=window.frames,i,x;
+ formObj = editAreaLoader.isIE ? window.event.srcElement : e.target;
+ if(formObj.tagName!='FORM')
+ formObj= formObj.form;
+
+ for( i in editAreas){
+ is_child= false;
+ for( x=0;x<formObj.elements.length;x++ ) {
+ if(formObj.elements[x].id == i)
+ is_child=true;
+ }
+
+ if(is_child)
+ {
+ if(fs["frame_"+i] && editAreas[i]["displayed"]==true)
+ document.getElementById(i).value= fs["frame_"+ i].editArea.textarea.value;
+ editAreaLoader.execCommand(i,"EA_submit");
+ }
+ }
+ if( typeof(formObj.edit_area_replaced_submit) == "function" ){
+ res= formObj.edit_area_replaced_submit();
+ if(res==false){
+ if(editAreaLoader.isIE)
+ return false;
+ else
+ e.preventDefault();
+ }
+ }
+ return;
+ },
+
+ // allow to get the value of the editarea
+ getValue : function(id){
+ if(window.frames["frame_"+id] && editAreas[id]["displayed"]==true){
+ return window.frames["frame_"+ id].editArea.textarea.value;
+ }else if(elem=document.getElementById(id)){
+ return elem.value;
+ }
+ return false;
+ },
+
+ // allow to set the value of the editarea
+ setValue : function(id, new_val){
+ var fs=window.frames;
+
+ if( ( f=fs["frame_"+id] ) && editAreas[id]["displayed"]==true){
+ f.editArea.textarea.value= new_val;
+ f.editArea.execCommand("focus");
+ f.editArea.check_line_selection(false);
+ f.editArea.execCommand("onchange");
+ }else if(elem=document.getElementById(id)){
+ elem.value= new_val;
+ }
+ },
+
+ // allow to get infos on the selection: array(start, end)
+ getSelectionRange : function(id){
+ var sel,eA,fs=window.frames;
+
+ sel= {"start": 0, "end": 0};
+ if(fs["frame_"+id] && editAreas[id]["displayed"]==true){
+ eA= fs["frame_"+ id].editArea;
+
+ sel["start"] = eA.textarea.selectionStart;
+ sel["end"] = eA.textarea.selectionEnd;
+
+ }else if( elem=document.getElementById(id) ){
+ sel= getSelectionRange(elem);
+ }
+ return sel;
+ },
+
+ // allow to set the selection with the given start and end positions
+ setSelectionRange : function(id, new_start, new_end){
+ var fs=window.frames;
+
+ if(fs["frame_"+id] && editAreas[id]["displayed"]==true){
+ fs["frame_"+ id].editArea.area_select(new_start, new_end-new_start);
+ // make an auto-scroll to the selection
+ if(!this.isIE){
+ fs["frame_"+ id].editArea.check_line_selection(false);
+ fs["frame_"+ id].editArea.scroll_to_view();
+ }
+ }else if(elem=document.getElementById(id)){
+ setSelectionRange(elem, new_start, new_end);
+ }
+ },
+
+ getSelectedText : function(id){
+ var sel= this.getSelectionRange(id);
+
+ return this.getValue(id).substring(sel["start"], sel["end"]);
+ },
+
+ setSelectedText : function(id, new_val){
+ var fs=window.frames,d=document,sel,text,scrollTop,scrollLeft,new_sel_end;
+
+ new_val = new_val.replace(/\r/g, "");
+ sel = this.getSelectionRange(id);
+ text = this.getValue(id);
+ if(fs["frame_"+id] && editAreas[id]["displayed"]==true){
+ scrollTop = fs["frame_"+ id].document.getElementById("result").scrollTop;
+ scrollLeft = fs["frame_"+ id].document.getElementById("result").scrollLeft;
+ }else{
+ scrollTop = d.getElementById(id).scrollTop;
+ scrollLeft = d.getElementById(id).scrollLeft;
+ }
+
+ text = text.substring(0, sel["start"])+ new_val +text.substring(sel["end"]);
+ this.setValue(id, text);
+ new_sel_end = sel["start"]+ new_val.length;
+ this.setSelectionRange(id, sel["start"], new_sel_end);
+
+
+ // fix \r problem for selection length count on IE & Opera
+ if(new_val != this.getSelectedText(id).replace(/\r/g, "")){
+ this.setSelectionRange(id, sel["start"], new_sel_end+ new_val.split("\n").length -1);
+ }
+ // restore scrolling position
+ if(fs["frame_"+id] && editAreas[id]["displayed"]==true){
+ fs["frame_"+ id].document.getElementById("result").scrollTop= scrollTop;
+ fs["frame_"+ id].document.getElementById("result").scrollLeft= scrollLeft;
+ fs["frame_"+ id].editArea.execCommand("onchange");
+ }else{
+ d.getElementById(id).scrollTop= scrollTop;
+ d.getElementById(id).scrollLeft= scrollLeft;
+ }
+ },
+
+ insertTags : function(id, open_tag, close_tag){
+ var old_sel,new_sel;
+
+ old_sel = this.getSelectionRange(id);
+ text = open_tag + this.getSelectedText(id) + close_tag;
+
+ editAreaLoader.setSelectedText(id, text);
+
+ new_sel = this.getSelectionRange(id);
+ if(old_sel["end"] > old_sel["start"]) // if text was selected, cursor at the end
+ this.setSelectionRange(id, new_sel["end"], new_sel["end"]);
+ else // cursor in the middle
+ this.setSelectionRange(id, old_sel["start"]+open_tag.length, old_sel["start"]+open_tag.length);
+ },
+
+ // hide both EditArea and normal textarea
+ hide : function(id){
+ var fs= window.frames,d=document,t=this,scrollTop,scrollLeft,span;
+ if(d.getElementById(id) && !t.hidden[id])
+ {
+ t.hidden[id]= {};
+ t.hidden[id]["selectionRange"]= t.getSelectionRange(id);
+ if(d.getElementById(id).style.display!="none")
+ {
+ t.hidden[id]["scrollTop"]= d.getElementById(id).scrollTop;
+ t.hidden[id]["scrollLeft"]= d.getElementById(id).scrollLeft;
+ }
+
+ if(fs["frame_"+id])
+ {
+ t.hidden[id]["toggle"]= editAreas[id]["displayed"];
+
+ if(fs["frame_"+id] && editAreas[id]["displayed"]==true){
+ scrollTop = fs["frame_"+ id].document.getElementById("result").scrollTop;
+ scrollLeft = fs["frame_"+ id].document.getElementById("result").scrollLeft;
+ }else{
+ scrollTop = d.getElementById(id).scrollTop;
+ scrollLeft = d.getElementById(id).scrollLeft;
+ }
+ t.hidden[id]["scrollTop"]= scrollTop;
+ t.hidden[id]["scrollLeft"]= scrollLeft;
+
+ if(editAreas[id]["displayed"]==true)
+ editAreaLoader.toggle_off(id);
+ }
+
+ // hide toggle button and debug box
+ span= d.getElementById("EditAreaArroundInfos_"+id);
+ if(span){
+ span.style.display='none';
+ }
+
+ // hide textarea
+ d.getElementById(id).style.display= "none";
+ }
+ },
+
+ // restore hidden EditArea and normal textarea
+ show : function(id){
+ var fs= window.frames,d=document,t=this,span;
+ if((elem=d.getElementById(id)) && t.hidden[id])
+ {
+ elem.style.display= "inline";
+ elem.scrollTop= t.hidden[id]["scrollTop"];
+ elem.scrollLeft= t.hidden[id]["scrollLeft"];
+ span= d.getElementById("EditAreaArroundInfos_"+id);
+ if(span){
+ span.style.display='inline';
+ }
+
+ if(fs["frame_"+id])
+ {
+
+ // restore toggle button and debug box
+
+
+ // restore textarea
+ elem.style.display= "inline";
+
+ // restore EditArea
+ if(t.hidden[id]["toggle"]==true)
+ editAreaLoader.toggle_on(id);
+
+ scrollTop = t.hidden[id]["scrollTop"];
+ scrollLeft = t.hidden[id]["scrollLeft"];
+
+ if(fs["frame_"+id] && editAreas[id]["displayed"]==true){
+ fs["frame_"+ id].document.getElementById("result").scrollTop = scrollTop;
+ fs["frame_"+ id].document.getElementById("result").scrollLeft = scrollLeft;
+ }else{
+ elem.scrollTop = scrollTop;
+ elem.scrollLeft = scrollLeft;
+ }
+
+ }
+ // restore selection
+ sel = t.hidden[id]["selectionRange"];
+ t.setSelectionRange(id, sel["start"], sel["end"]);
+ delete t.hidden[id];
+ }
+ },
+
+ // get the current file datas (for multi file editing mode)
+ getCurrentFile : function(id){
+ return this.execCommand(id, 'get_file', this.execCommand(id, 'curr_file'));
+ },
+
+ // get the given file datas (for multi file editing mode)
+ getFile : function(id, file_id){
+ return this.execCommand(id, 'get_file', file_id);
+ },
+
+ // get all the openned files datas (for multi file editing mode)
+ getAllFiles : function(id){
+ return this.execCommand(id, 'get_all_files()');
+ },
+
+ // open a file (for multi file editing mode)
+ openFile : function(id, file_infos){
+ return this.execCommand(id, 'open_file', file_infos);
+ },
+
+ // close the given file (for multi file editing mode)
+ closeFile : function(id, file_id){
+ return this.execCommand(id, 'close_file', file_id);
+ },
+
+ // close the given file (for multi file editing mode)
+ setFileEditedMode : function(id, file_id, to){
+ var reg1,reg2;
+ reg1 = new RegExp('\\\\', 'g');
+ reg2 = new RegExp('"', 'g');
+ return this.execCommand(id, 'set_file_edited_mode("'+ file_id.replace(reg1, '\\\\').replace(reg2, '\\"') +'", '+ to +')');
+ },
+
+
+ // allow to access to editarea functions and datas (for advanced users only)
+ execCommand : function(id, cmd, fct_param){
+ switch(cmd){
+ case "EA_init":
+ if(editAreas[id]['settings']["EA_init_callback"].length>0)
+ eval(editAreas[id]['settings']["EA_init_callback"]+"('"+ id +"');");
+ break;
+ case "EA_delete":
+ if(editAreas[id]['settings']["EA_delete_callback"].length>0)
+ eval(editAreas[id]['settings']["EA_delete_callback"]+"('"+ id +"');");
+ break;
+ case "EA_submit":
+ if(editAreas[id]['settings']["submit_callback"].length>0)
+ eval(editAreas[id]['settings']["submit_callback"]+"('"+ id +"');");
+ break;
+ }
+ if(window.frames["frame_"+id] && window.frames["frame_"+ id].editArea){
+ if(fct_param!=undefined)
+ return eval('window.frames["frame_'+ id +'"].editArea.'+ cmd +'(fct_param);');
+ else
+ return eval('window.frames["frame_'+ id +'"].editArea.'+ cmd +';');
+ }
+ return false;
+ }
+};
+
+ var editAreaLoader= new EditAreaLoader();
+ var editAreas= {};
+
|