/* +-----------------------------------------------------------------------+ | Roundcube common js library | | | | This file is part of the Roundcube web development suite | | Copyright (C) 2005-2007, Roundcube Dev, - Switzerland | | Licensed under the GNU GPL | | | +-----------------------------------------------------------------------+ | Author: Thomas Bruederli | +-----------------------------------------------------------------------+ $Id$ */ // Constants var CONTROL_KEY = 1; var SHIFT_KEY = 2; var CONTROL_SHIFT_KEY = 3; /** * Default browser check class * @constructor */ function roundcube_browser() { var n = navigator; this.ver = parseFloat(n.appVersion); this.appver = n.appVersion; this.agent = n.userAgent; this.agent_lc = n.userAgent.toLowerCase(); this.name = n.appName; this.vendor = n.vendor ? n.vendor : ''; this.vendver = n.vendorSub ? parseFloat(n.vendorSub) : 0; this.product = n.product ? n.product : ''; this.platform = String(n.platform).toLowerCase(); this.lang = (n.language) ? n.language.substring(0,2) : (n.browserLanguage) ? n.browserLanguage.substring(0,2) : (n.systemLanguage) ? n.systemLanguage.substring(0,2) : 'en'; this.win = (this.platform.indexOf('win') >= 0); this.mac = (this.platform.indexOf('mac') >= 0); this.linux = (this.platform.indexOf('linux') >= 0); this.unix = (this.platform.indexOf('unix') >= 0); this.dom = document.getElementById ? true : false; this.dom2 = (document.addEventListener && document.removeEventListener); this.ie = (document.all && !window.opera); this.ie4 = (this.ie && !this.dom); this.ie5 = (this.dom && this.appver.indexOf('MSIE 5')>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.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.chrome = (this.agent_lc.indexOf('chrome') > 0); this.safari = (!this.chrome && (this.agent_lc.indexOf('safari') > 0 || this.agent_lc.indexOf('applewebkit') > 0)); this.konq = (this.agent_lc.indexOf('konqueror') > 0); this.iphone = (this.safari && this.agent_lc.indexOf('iphone') > 0); this.ipad = (this.safari && this.agent_lc.indexOf('ipad') > 0); this.opera = window.opera ? true : false; if (this.opera && window.RegExp) this.vendver = (/opera(\s|\/)([0-9\.]+)/.test(this.agent_lc)) ? parseFloat(RegExp.$2) : -1; else if (this.chrome && window.RegExp) this.vendver = (/chrome\/([0-9\.]+)/.test(this.agent_lc)) ? parseFloat(RegExp.$1) : 0; else if (!this.vendver && this.safari) this.vendver = (/(safari|applewebkit)\/([0-9]+)/.test(this.agent_lc)) ? parseInt(RegExp.$2) : 0; else if ((!this.vendver && this.mz) || this.agent.indexOf('Camino')>0) this.vendver = (/rv:([0-9\.]+)/.test(this.agent)) ? parseFloat(RegExp.$1) : 0; else if (this.ie && window.RegExp) this.vendver = (/msie\s+([0-9\.]+)/.test(this.agent_lc)) ? parseFloat(RegExp.$1) : 0; else if (this.konq && window.RegExp) this.vendver = (/khtml\/([0-9\.]+)/.test(this.agent_lc)) ? parseFloat(RegExp.$1) : 0; // get real language out of safari's user agent if(this.safari && (/;\s+([a-z]{2})-[a-z]{2}\)/.test(this.agent_lc))) this.lang = RegExp.$1; this.dhtml = ((this.ie4 && this.win) || this.ie5 || this.ie6 || this.ns4 || this.mz); this.vml = (this.win && this.ie && this.dom && !this.opera); 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 = n.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())); return this.xmlhttp; }; // set class names to html tag according to the current user agent detection // this allows browser-specific css selectors like "html.chrome .someclass" this.set_html_class = function() { var classname = ' js'; if (this.ie) { classname += ' ie'; if (this.ie5) classname += ' ie5'; else if (this.ie6) classname += ' ie6'; else if (this.ie7) classname += ' ie7'; else if (this.ie8) classname += ' ie8'; } else if (this.opera) classname += ' opera'; else if (this.konq) classname += ' konqueror'; else if (this.safari) classname += ' safari'; if (this.chrome) classname += ' chrome'; else if (this.iphone) classname += ' iphone'; else if (this.ipad) classname += ' ipad'; else if (this.ns6) classname += ' netscape6'; else if (this.ns7) classname += ' netscape7'; if (document.documentElement) document.documentElement.className += classname; }; }; // 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; }, /** * 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); }, /** * 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, 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; }, touchevent: function(e) { return { pageX:e.pageX, pageY:e.pageY, offsetX:e.pageX - e.target.offsetLeft, offsetY:e.pageY - e.target.offsetTop, target:e.target, istouch:true }; } }; /** * 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 this.create = function(arg) { var l = (arg.x) ? arg.x : 0, t = (arg.y) ? arg.y : 0, w = arg.width, h = arg.height, z = arg.zindex, vis = arg.vis, parent = arg.parent, obj = document.createElement('DIV'); with (obj) { id = this.name; with (style) { position = 'absolute'; visibility = (vis) ? (vis==2) ? 'inherit' : 'visible' : 'hidden'; left = l+'px'; top = t+'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); this.elm = obj; }; // create new layer if (attributes != null) { this.create(attributes); this.name = this.elm.id; } else // just refer to the object this.elm = document.getElementById(id); if (!this.elm) return false; // ********* layer object properties ********* this.css = this.elm.style; this.event = this.elm; this.width = this.elm.offsetWidth; this.height = this.elm.offsetHeight; this.x = parseInt(this.elm.offsetLeft); this.y = parseInt(this.elm.offsetTop); this.visible = (this.css.visibility=='visible' || this.css.visibility=='show' || this.css.visibility=='inherit') ? true : false; // ********* layer object methods ********* // move the layer to a specific position this.move = function(x, y) { this.x = x; this.y = y; this.css.left = Math.round(this.x)+'px'; this.css.top = Math.round(this.y)+'px'; }; // change the layers width and height this.resize = function(w,h) { this.css.width = w+'px'; this.css.height = h+'px'; this.width = w; this.height = h; }; // show or hide the layer this.show = function(a) { if(a == 1) { this.css.visibility = 'visible'; this.visible = true; } else if(a == 2) { this.css.visibility = 'inherit'; this.visible = true; } else { this.css.visibility = 'hidden'; this.visible = false; } }; // write new content into a Layer this.write = function(cont) { this.elm.innerHTML = cont; }; }; // check if input is a valid email address // By Cal Henderson // http://code.iamcal.com/php/rfc822/ function rcube_check_email(input, inline) { if (input && window.RegExp) { var qtext = '[^\\x0d\\x22\\x5c\\x80-\\xff]', dtext = '[^\\x0d\\x5b-\\x5d\\x80-\\xff]', atom = '[^\\x00-\\x20\\x22\\x28\\x29\\x2c\\x2e\\x3a-\\x3c\\x3e\\x40\\x5b-\\x5d\\x7f-\\xff]+', quoted_pair = '\\x5c[\\x00-\\x7f]', quoted_string = '\\x22('+qtext+'|'+quoted_pair+')*\\x22', // Use simplified domain matching, because we need to allow Unicode characters here // So, e-mail address should be validated also on server side after idn_to_ascii() use //domain_literal = '\\x5b('+dtext+'|'+quoted_pair+')*\\x5d', //sub_domain = '('+atom+'|'+domain_literal+')', domain = '([^@\\x2e]+\\x2e)+[a-z]{2,}', word = '('+atom+'|'+quoted_string+')', delim = '[,;\s\n]', local_part = word+'(\\x2e'+word+')*', addr_spec = local_part+'\\x40'+domain, 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(d.getElementsByName && (e = d.getElementsByName(id))) obj = e[0]; if(!obj && d.getElementById) obj = d.getElementById(id); if(!obj && d.all) obj = d.all[id]; if(!obj && d.images.length) obj = d.images[id]; if (!obj && d.forms.length) { for (f=0; f= pos.left) && (mouse.x < (pos.left + obj.offsetWidth)) && (mouse.y >= pos.top) && (mouse.y < (pos.top + obj.offsetHeight))); }; // cookie functions by GoogieSpell function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + (expires ? "; expires=" + expires.toGMTString() : "") + (path ? "; path=" + path : "") + (domain ? "; domain=" + domain : "") + (secure ? "; secure" : ""); document.cookie = curCookie; }; 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.set_cookie = setCookie; 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(); bw.set_html_class(); 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, obj = document._getElementById(id); if (obj && obj.id != id) while ((obj = document.all[i]) && obj.id != id) i++; return obj; } }