| | |
| | | | RoundCube common js library | |
| | | | | |
| | | | This file is part of the RoundCube web development suite | |
| | | | Copyright (C) 2005, RoundCube Dev, - Switzerland | |
| | | | Copyright (C) 2005-2007, RoundCube Dev, - Switzerland | |
| | | | Licensed under the GNU GPL | |
| | | | | |
| | | | Modified: 19.08.2005 (tbr) | |
| | | | | |
| | | +-----------------------------------------------------------------------+ |
| | | | Author: Thomas Bruederli <roundcube@gmail.com> | |
| | | +-----------------------------------------------------------------------+ |
| | | |
| | | $Id$ |
| | | */ |
| | | |
| | | // Constants |
| | | var CONTROL_KEY = 1; |
| | | var SHIFT_KEY = 2; |
| | | var CONTROL_SHIFT_KEY = 3; |
| | | |
| | | // default browsercheck |
| | | |
| | | /** |
| | | * Default browser check class |
| | | * @construcotr |
| | | */ |
| | | function roundcube_browser() |
| | | { |
| | | this.ver = parseFloat(navigator.appVersion); |
| | |
| | | this.ie = (document.all) ? true : false; |
| | | this.ie4 = (this.ie && !this.dom); |
| | | this.ie5 = (this.dom && this.appver.indexOf('MSIE 5')>0); |
| | | this.ie6 = (this.dom && this.appver.indexOf('MSIE 6')>0); |
| | | this.ie8 = (this.dom && this.appver.indexOf('MSIE 8')>0); |
| | | this.ie7 = (this.dom && this.appver.indexOf('MSIE 7')>0); |
| | | this.ie6 = (this.dom && !this.ie8 && !this.ie7 && this.appver.indexOf('MSIE 6')>0); |
| | | |
| | | this.mz = (this.dom && this.ver>=5); // (this.dom && this.product=='Gecko') |
| | | this.ns = ((this.ver<5 && this.name=='Netscape') || (this.ver>=5 && this.vendor.indexOf('Netscape')>=0)); |
| | | this.ns4 = (this.ns && parseInt(this.ver)==4); |
| | | this.ns6 = (this.ns && parseInt(this.vendver)==6); // (this.mz && this.ns) ? true : false; |
| | | this.ns7 = (this.ns && parseInt(this.vendver)==7); // this.agent.indexOf('Netscape/7')>0); |
| | | this.safari = (this.agent.toLowerCase().indexOf('safari')>0 || this.agent.toLowerCase().indexOf('applewebkit')>0); |
| | | this.konq = (this.agent.toLowerCase().indexOf('konqueror')>0); |
| | | |
| | | this.opera = (window.opera) ? true : false; |
| | | this.opera5 = (this.opera5 && this.agent.indexOf('Opera 5')>0) ? true : false; |
| | | this.opera6 = (this.opera && this.agent.indexOf('Opera 6')>0) ? true : false; |
| | | this.opera7 = (this.opera && this.agent.indexOf('Opera 7')>0) ? true : false; |
| | | |
| | | if(this.opera && window.RegExp) |
| | | this.vendver = (/opera(\s|\/)([0-9\.]+)/i.test(navigator.userAgent)) ? parseFloat(RegExp.$2) : -1; |
| | |
| | | this.lang = RegExp.$1; |
| | | |
| | | this.dhtml = ((this.ie4 && this.win) || this.ie5 || this.ie6 || this.ns4 || this.mz); |
| | | this.layers = this.ns4; // (document.layers); |
| | | this.div = (this.ie4 || this.dom); |
| | | this.vml = (this.win && this.ie && this.dom && !this.opera); |
| | | this.linkborder = (this.ie || this.mz); |
| | | this.rollover = (this.ver>=4 || (this.ns && this.ver>=3)); // (document.images) ? true : false; |
| | | this.pngalpha = (this.mz || (this.opera && this.vendver>=6) || (this.ie && this.mac && this.vendver>=5) || |
| | | (this.ie && this.win && this.vendver>=5.5) || this.safari); |
| | | this.opacity = (this.mz || (this.ie && this.vendver>=5.5 && !this.opera) || (this.safari && this.vendver>=100)); |
| | | this.cookies = navigator.cookieEnabled; |
| | | |
| | | // test for XMLHTTP support |
| | | this.xmlhttp_test = function() |
| | | { |
| | | var activeX_test = new Function("try{var o=new ActiveXObject('Microsoft.XMLHTTP');return true;}catch(err){return false;}"); |
| | | this.xmlhttp = (window.XMLHttpRequest || (window.ActiveXObject && activeX_test())) ? true : false; |
| | | return this.xmlhttp; |
| | | } |
| | | } |
| | | |
| | | |
| | | // static functions for DOM event handling |
| | | var rcube_event = { |
| | | |
| | | /** |
| | | * returns the event target element |
| | | */ |
| | | get_target: function(e) |
| | | { |
| | | e = e || window.event; |
| | | return e && e.target ? e.target : e.srcElement; |
| | | }, |
| | | |
| | | var rcube_layer_objects = new Array(); |
| | | /** |
| | | * returns the event key code |
| | | */ |
| | | get_keycode: function(e) |
| | | { |
| | | e = e || window.event; |
| | | return e && e.keyCode ? e.keyCode : (e && e.which ? e.which : 0); |
| | | }, |
| | | |
| | | function rcube_layer(id, attributes) |
| | | /** |
| | | * returns the event key code |
| | | */ |
| | | get_button: function(e) |
| | | { |
| | | e = e || window.event; |
| | | return e && (typeof e.button != 'undefined') ? e.button : (e && e.which ? e.which : 0); |
| | | }, |
| | | |
| | | /** |
| | | * returns modifier key (constants defined at top of file) |
| | | */ |
| | | get_modifier: function(e) |
| | | { |
| | | var opcode = 0; |
| | | e = e || window.event; |
| | | |
| | | if (bw.mac && e) |
| | | { |
| | | opcode += (e.metaKey && CONTROL_KEY) + (e.shiftKey && SHIFT_KEY); |
| | | return opcode; |
| | | } |
| | | if (e) |
| | | { |
| | | opcode += (e.ctrlKey && CONTROL_KEY) + (e.shiftKey && SHIFT_KEY); |
| | | return opcode; |
| | | } |
| | | }, |
| | | |
| | | /** |
| | | * Return absolute mouse position of an event |
| | | */ |
| | | get_mouse_pos: function(e) |
| | | { |
| | | if (!e) e = window.event; |
| | | var mX = (e.pageX) ? e.pageX : e.clientX; |
| | | var mY = (e.pageY) ? e.pageY : e.clientY; |
| | | |
| | | if (document.body && document.all) |
| | | { |
| | | mX += document.body.scrollLeft; |
| | | mY += document.body.scrollTop; |
| | | } |
| | | |
| | | if (e._offset) { |
| | | mX += e._offset.left; |
| | | mY += e._offset.top; |
| | | } |
| | | |
| | | return { x:mX, y:mY }; |
| | | }, |
| | | |
| | | /** |
| | | * Add an object method as event listener to a certain element |
| | | */ |
| | | add_listener: function(p) |
| | | { |
| | | if (!p.object || !p.method) // not enough arguments |
| | | return; |
| | | if (!p.element) |
| | | p.element = document; |
| | | |
| | | if (!p.object._rc_events) |
| | | p.object._rc_events = []; |
| | | |
| | | var key = p.event + '*' + p.method; |
| | | if (!p.object._rc_events[key]) |
| | | p.object._rc_events[key] = function(e){ return p.object[p.method](e); }; |
| | | |
| | | if (p.element.addEventListener) |
| | | p.element.addEventListener(p.event, p.object._rc_events[key], false); |
| | | else if (p.element.attachEvent) |
| | | { |
| | | // IE allows multiple events with the same function to be applied to the same object |
| | | // forcibly detach the event, then attach |
| | | p.element.detachEvent('on'+p.event, p.object._rc_events[key]); |
| | | p.element.attachEvent('on'+p.event, p.object._rc_events[key]); |
| | | } |
| | | else |
| | | p.element['on'+p.event] = p.object._rc_events[key]; |
| | | }, |
| | | |
| | | /** |
| | | * Remove event listener |
| | | */ |
| | | remove_listener: function(p) |
| | | { |
| | | if (!p.element) |
| | | p.element = document; |
| | | |
| | | var key = p.event + '*' + p.method; |
| | | if (p.object && p.object._rc_events && p.object._rc_events[key]) { |
| | | if (p.element.removeEventListener) |
| | | p.element.removeEventListener(p.event, p.object._rc_events[key], false); |
| | | else if (p.element.detachEvent) |
| | | p.element.detachEvent('on'+p.event, p.object._rc_events[key]); |
| | | else |
| | | p.element['on'+p.event] = null; |
| | | } |
| | | }, |
| | | |
| | | /** |
| | | * Prevent event propagation and bubbeling |
| | | */ |
| | | cancel: function(evt) |
| | | { |
| | | var e = evt ? evt : window.event; |
| | | if (e.preventDefault) |
| | | e.preventDefault(); |
| | | if (e.stopPropagation) |
| | | e.stopPropagation(); |
| | | |
| | | e.cancelBubble = true; |
| | | e.returnValue = false; |
| | | return false; |
| | | } |
| | | |
| | | }; |
| | | |
| | | |
| | | /** |
| | | * rcmail objects event interface |
| | | */ |
| | | function rcube_event_engine() |
| | | { |
| | | this._events = {}; |
| | | } |
| | | |
| | | rcube_event_engine.prototype = { |
| | | |
| | | /** |
| | | * Setter for object event handlers |
| | | * |
| | | * @param {String} Event name |
| | | * @param {Function} Handler function |
| | | * @return Listener ID (used to remove this handler later on) |
| | | */ |
| | | addEventListener: function(evt, func, obj) |
| | | { |
| | | if (!this._events) |
| | | this._events = {}; |
| | | if (!this._events[evt]) |
| | | this._events[evt] = []; |
| | | |
| | | var e = {func:func, obj:obj ? obj : window}; |
| | | this._events[evt][this._events[evt].length] = e; |
| | | }, |
| | | |
| | | /** |
| | | * Removes a specific event listener |
| | | * |
| | | * @param {String} Event name |
| | | * @param {Int} Listener ID to remove |
| | | */ |
| | | removeEventListener: function(evt, func, obj) |
| | | { |
| | | if (typeof obj == 'undefined') |
| | | obj = window; |
| | | |
| | | for (var h,i=0; this._events && this._events[evt] && i < this._events[evt].length; i++) |
| | | if ((h = this._events[evt][i]) && h.func == func && h.obj == obj) |
| | | this._events[evt][i] = null; |
| | | }, |
| | | |
| | | /** |
| | | * This will execute all registered event handlers |
| | | * |
| | | * @param {String} Event to trigger |
| | | * @param {Object} Event object/arguments |
| | | */ |
| | | triggerEvent: function(evt, e) |
| | | { |
| | | var ret, h; |
| | | if (typeof e == 'undefined') |
| | | e = this; |
| | | else if (typeof e == 'object') |
| | | e.event = evt; |
| | | |
| | | if (this._events && this._events[evt] && !this._event_exec) { |
| | | this._event_exec = true; |
| | | for (var i=0; i < this._events[evt].length; i++) { |
| | | if ((h = this._events[evt][i])) { |
| | | if (typeof h.func == 'function') |
| | | ret = h.func.call ? h.func.call(h.obj, e) : h.func(e); |
| | | else if (typeof h.obj[h.func] == 'function') |
| | | ret = h.obj[h.func](e); |
| | | |
| | | // cancel event execution |
| | | if (typeof ret != 'undefined' && !ret) |
| | | break; |
| | | } |
| | | } |
| | | } |
| | | |
| | | this._event_exec = false; |
| | | return ret; |
| | | } |
| | | |
| | | } // end rcube_event_engine.prototype |
| | | |
| | | |
| | | |
| | | /** |
| | | * RoundCube generic layer (floating box) class |
| | | * |
| | | * @constructor |
| | | */ |
| | | function rcube_layer(id, attributes) |
| | | { |
| | | this.name = id; |
| | | |
| | | // create a new layer in the current document |
| | |
| | | var obj; |
| | | |
| | | obj = document.createElement('DIV'); |
| | | |
| | | with(obj) |
| | | { |
| | | id = this.name; |
| | | with(style) |
| | | { |
| | | position = 'absolute'; |
| | | position = 'absolute'; |
| | | visibility = (vis) ? (vis==2) ? 'inherit' : 'visible' : 'hidden'; |
| | | left = l+'px'; |
| | | top = t+'px'; |
| | | if(w) width = w+'px'; |
| | | if(h) height = h+'px'; |
| | | if (w) |
| | | width = w.toString().match(/\%$/) ? w : w+'px'; |
| | | if (h) |
| | | height = h.toString().match(/\%$/) ? h : h+'px'; |
| | | if(z) zIndex = z; |
| | | } |
| | | } |
| | | } |
| | | |
| | | if(parent) parent.appendChild(obj); |
| | | else document.body.appendChild(obj); |
| | | |
| | | if (parent) |
| | | parent.appendChild(obj); |
| | | else |
| | | document.body.appendChild(obj); |
| | | |
| | | this.elm = obj; |
| | | }; |
| | |
| | | this.y = parseInt(this.elm.offsetTop); |
| | | this.visible = (this.css.visibility=='visible' || this.css.visibility=='show' || this.css.visibility=='inherit') ? true : false; |
| | | |
| | | this.id = rcube_layer_objects.length; |
| | | this.obj = 'rcube_layer_objects['+this.id+']'; |
| | | rcube_layer_objects[this.id] = this; |
| | | |
| | | |
| | | // ********* layer object methods ********* |
| | | |
| | |
| | | this.css.top = Math.round(this.y)+'px'; |
| | | } |
| | | |
| | | |
| | | // move the layer for a specific step |
| | | this.shift = function(x,y) |
| | | { |
| | | x = Math.round(x*100)/100; |
| | | y = Math.round(y*100)/100; |
| | | this.move(this.x+x, this.y+y); |
| | | } |
| | | |
| | | |
| | | // change the layers width and height |
| | | this.resize = function(w,h) |
| | | { |
| | |
| | | this.css.height = h+'px'; |
| | | this.width = w; |
| | | this.height = h; |
| | | } |
| | | |
| | | |
| | | // cut the layer (top,width,height,left) |
| | | this.clip = function(t,w,h,l) |
| | | { |
| | | this.css.clip='rect('+t+' '+w+' '+h+' '+l+')'; |
| | | this.clip_height = h; |
| | | this.clip_width = w; |
| | | } |
| | | |
| | | |
| | |
| | | this.elm.innerHTML = cont; |
| | | } |
| | | |
| | | |
| | | // set the given color to the layer background |
| | | this.set_bgcolor = function(c) |
| | | { |
| | | if(!c || c=='#') |
| | | c = 'transparent'; |
| | | |
| | | this.css.backgroundColor = c; |
| | | } |
| | | } |
| | | |
| | | |
| | | // set the opacity of a layer to the given ammount (in %) |
| | | this.set_opacity = function(v) |
| | | { |
| | | if(!bw.opacity) |
| | | return; |
| | | |
| | | var op = v<=1 ? Math.round(v*100) : parseInt(v); |
| | | |
| | | if(bw.ie) |
| | | this.css.filter = 'alpha(opacity:'+op+')'; |
| | | else if(bw.safari) |
| | | { |
| | | this.css.opacity = op/100; |
| | | this.css.KhtmlOpacity = op/100; |
| | | } |
| | | else if(bw.mz) |
| | | this.css.MozOpacity = op/100; |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | // find a value in a specific array and returns the index |
| | | function find_in_array() |
| | | // check if input is a valid email address |
| | | // By Cal Henderson <cal@iamcal.com> |
| | | // http://code.iamcal.com/php/rfc822/ |
| | | function rcube_check_email(input, inline) |
| | | { |
| | | var args = find_in_array.arguments; |
| | | if(!args.length) return -1; |
| | | |
| | | var haystack = typeof(args[0])=='object' ? args[0] : args.length>1 && typeof(args[1])=='object' ? args[1] : new Array(); |
| | | var needle = typeof(args[0])!='object' ? args[0] : args.length>1 && typeof(args[1])!='object' ? args[1] : ''; |
| | | var nocase = args.length==3 ? args[2] : false; |
| | | |
| | | if(!haystack.length) return -1; |
| | | |
| | | for(var i=0; i<haystack.length; i++) |
| | | if(nocase && haystack[i].toLowerCase()==needle.toLowerCase()) |
| | | return i; |
| | | else if(haystack[i]==needle) |
| | | return i; |
| | | |
| | | return -1; |
| | | if (input && window.RegExp) |
| | | { |
| | | var qtext = '[^\\x0d\\x22\\x5c\\x80-\\xff]'; |
| | | var dtext = '[^\\x0d\\x5b-\\x5d\\x80-\\xff]'; |
| | | var atom = '[^\\x00-\\x20\\x22\\x28\\x29\\x2c\\x2e\\x3a-\\x3c\\x3e\\x40\\x5b-\\x5d\\x7f-\\xff]+'; |
| | | var quoted_pair = '\\x5c[\\x00-\\x7f]'; |
| | | var domain_literal = '\\x5b('+dtext+'|'+quoted_pair+')*\\x5d'; |
| | | var quoted_string = '\\x22('+qtext+'|'+quoted_pair+')*\\x22'; |
| | | var sub_domain = '('+atom+'|'+domain_literal+')'; |
| | | var word = '('+atom+'|'+quoted_string+')'; |
| | | var domain = sub_domain+'(\\x2e'+sub_domain+')*'; |
| | | var local_part = word+'(\\x2e'+word+')*'; |
| | | var addr_spec = local_part+'\\x40'+domain; |
| | | var delim = '[,;\s\n]'; |
| | | var reg1 = inline ? new RegExp('(^|<|'+delim+')'+addr_spec+'($|>|'+delim+')', 'i') : new RegExp('^'+addr_spec+'$', 'i'); |
| | | return reg1.test(input) ? true : false; |
| | | } |
| | | return false; |
| | | } |
| | | |
| | | |
| | | // recursively copy an object |
| | | function rcube_clone_object(obj) |
| | | { |
| | | var out = {}; |
| | | |
| | | for (var key in obj) { |
| | | if (obj[key] && typeof obj[key] == 'object') |
| | | out[key] = clone_object(obj[key]); |
| | | else |
| | | out[key] = obj[key]; |
| | | } |
| | | |
| | | return out; |
| | | } |
| | | |
| | | // make a string URL safe |
| | | function urlencode(str) |
| | | { |
| | | return window.encodeURIComponent ? encodeURIComponent(str) : escape(str); |
| | | } |
| | | |
| | | |
| | | // get any type of html objects by id/name |
| | | function rcube_find_object(id, d) |
| | | { |
| | | { |
| | | var n, f, obj, e; |
| | | if(!d) d = document; |
| | | |
| | |
| | | if(!obj && d.images.length) |
| | | obj = d.images[id]; |
| | | |
| | | if(!obj && d.forms.length) |
| | | for(f=0; f<d.forms.length; f++) |
| | | { |
| | | if (!obj && d.forms.length) { |
| | | for (f=0; f<d.forms.length; f++) { |
| | | if(d.forms[f].name == id) |
| | | obj = d.forms[f]; |
| | | else if(d.forms[f].elements[id]) |
| | | obj = d.forms[f].elements[id]; |
| | | } |
| | | |
| | | if(!obj && d.layers) |
| | | { |
| | | if(d.layers[id]) obj = d.layers[id]; |
| | | for(n=0; !obj && n<d.layers.length; n++) |
| | | obj = nex_get_object(id, d.layers[n].document); |
| | | } |
| | | } |
| | | |
| | | if (!obj && d.layers) { |
| | | if (d.layers[id]) obj = d.layers[id]; |
| | | for (n=0; !obj && n<d.layers.length; n++) |
| | | obj = rcube_find_object(id, d.layers[n].document); |
| | | } |
| | | |
| | | return obj; |
| | | } |
| | | } |
| | | |
| | | // determine whether the mouse is over the given object or not |
| | | function rcube_mouse_is_over(ev, obj) |
| | | { |
| | | var mouse = rcube_event.get_mouse_pos(ev); |
| | | var pos = $(obj).offset(); |
| | | |
| | | return ((mouse.x >= pos.left) && (mouse.x < (pos.left + obj.offsetWidth)) && |
| | | (mouse.y >= pos.top) && (mouse.y < (pos.top + obj.offsetHeight))); |
| | | } |
| | | |
| | | |
| | | // return the absolute position of an object within the document |
| | | function rcube_get_object_pos(obj) |
| | | // cookie functions by GoogieSpell |
| | | function setCookie(name, value, expires, path, domain, secure) |
| | | { |
| | | if(typeof(obj)=='string') |
| | | obj = nex_get_object(obj); |
| | | |
| | | if(!obj) return {x:0, y:0}; |
| | | |
| | | var iX = (bw.layers) ? obj.x : obj.offsetLeft; |
| | | var iY = (bw.layers) ? obj.y : obj.offsetTop; |
| | | |
| | | if(bw.ie || bw.mz) |
| | | { |
| | | var elm = obj.offsetParent; |
| | | while(elm && elm!=null) |
| | | { |
| | | iX += elm.offsetLeft; |
| | | iY += elm.offsetTop; |
| | | elm = elm.offsetParent; |
| | | } |
| | | } |
| | | |
| | | if(bw.mac && bw.ie5) iX += document.body.leftMargin; |
| | | if(bw.mac && bw.ie5) iY += document.body.topMargin; |
| | | |
| | | return {x:iX, y:iY}; |
| | | var curCookie = name + "=" + escape(value) + |
| | | (expires ? "; expires=" + expires.toGMTString() : "") + |
| | | (path ? "; path=" + path : "") + |
| | | (domain ? "; domain=" + domain : "") + |
| | | (secure ? "; secure" : ""); |
| | | document.cookie = curCookie; |
| | | } |
| | | |
| | | var bw = new roundcube_browser(); |
| | | roundcube_browser.prototype.set_cookie = setCookie; |
| | | |
| | | function getCookie(name) |
| | | { |
| | | var dc = document.cookie; |
| | | var prefix = name + "="; |
| | | var begin = dc.indexOf("; " + prefix); |
| | | if (begin == -1) |
| | | { |
| | | begin = dc.indexOf(prefix); |
| | | if (begin != 0) return null; |
| | | } |
| | | else |
| | | begin += 2; |
| | | var end = document.cookie.indexOf(";", begin); |
| | | if (end == -1) |
| | | end = dc.length; |
| | | return unescape(dc.substring(begin + prefix.length, end)); |
| | | } |
| | | |
| | | roundcube_browser.prototype.get_cookie = getCookie; |
| | | |
| | | // tiny replacement for Firebox functionality |
| | | function rcube_console() |
| | | { |
| | | this.log = function(msg) |
| | | { |
| | | var box = rcube_find_object('dbgconsole'); |
| | | |
| | | if (box) { |
| | | if (msg.charAt(msg.length-1)=='\n') |
| | | msg += '--------------------------------------\n'; |
| | | else |
| | | msg += '\n--------------------------------------\n'; |
| | | |
| | | // Konqueror doesn't allows to just change value of hidden element |
| | | if (bw.konq) { |
| | | box.innerText += msg; |
| | | box.value = box.innerText; |
| | | } else |
| | | box.value += msg; |
| | | } |
| | | }; |
| | | |
| | | this.reset = function() |
| | | { |
| | | var box = rcube_find_object('dbgconsole'); |
| | | if (box) |
| | | box.innerText = box.value = ''; |
| | | }; |
| | | } |
| | | |
| | | var bw = new roundcube_browser(); |
| | | if (!window.console) |
| | | console = new rcube_console(); |
| | | |
| | | |
| | | // Add escape() method to RegExp object |
| | | // http://dev.rubyonrails.org/changeset/7271 |
| | | RegExp.escape = function(str) |
| | | { |
| | | return String(str).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1'); |
| | | } |
| | | |
| | | |
| | | // Make getElementById() case-sensitive on IE |
| | | if (bw.ie) |
| | | { |
| | | document._getElementById = document.getElementById; |
| | | document.getElementById = function(id) |
| | | { |
| | | var i = 0; |
| | | var o = document._getElementById(id); |
| | | |
| | | if (!o || o.id != id) |
| | | while ((o = document.all[i]) && o.id != id) |
| | | i++; |
| | | |
| | | return o; |
| | | } |
| | | } |