| | |
| | | | 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.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.ie7 = (this.dom && this.appver.indexOf('MSIE 7')>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 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; |
| | | var mY = (e.pageY) ? e.pageY : e.clientY; |
| | | |
| | | if (document.body && document.all) |
| | | { |
| | | mX += document.body.scrollLeft; |
| | | mY += document.body.scrollTop; |
| | | } |
| | | |
| | | 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; |
| | | } |
| | | |
| | | }; |
| | | |
| | | |
| | | var rcube_layer_objects = new Array(); |
| | | |
| | | |
| | | /** |
| | | * RoundCube generic layer (floating box) class |
| | | * |
| | | * @constructor |
| | | */ |
| | | function rcube_layer(id, attributes) |
| | | { |
| | | this.name = id; |
| | |
| | | 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; |
| | | }; |
| | |
| | | } |
| | | |
| | | |
| | | // 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) |
| | | { |
| | | 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; |
| | | } |
| | | |
| | | |
| | | // find a value in a specific array and returns the index |
| | | function find_in_array() |
| | |
| | | |
| | | return -1; |
| | | } |
| | | |
| | | |
| | | // make a string URL safe |
| | | function urlencode(str) |
| | | { |
| | | return window.encodeURIComponent ? encodeURIComponent(str) : escape(str); |
| | | } |
| | | |
| | | |
| | | // get any type of html objects by id/name |
| | |
| | | { |
| | | 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); |
| | | obj = rcube_find_object(id, d.layers[n].document); |
| | | } |
| | | |
| | | return obj; |
| | |
| | | |
| | | |
| | | // return the absolute position of an object within the document |
| | | function rcube_get_object_pos(obj) |
| | | function rcube_get_object_pos(obj, relative) |
| | | { |
| | | if(typeof(obj)=='string') |
| | | obj = nex_get_object(obj); |
| | | obj = rcube_find_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) |
| | | if(!relative && (bw.ie || bw.mz)) |
| | | { |
| | | var elm = obj.offsetParent; |
| | | while(elm && elm!=null) |
| | | { |
| | | iX += elm.offsetLeft; |
| | | iY += elm.offsetTop; |
| | | iX += elm.offsetLeft - (elm.parentNode && elm.parentNode.scrollLeft ? elm.parentNode.scrollLeft : 0); |
| | | iY += elm.offsetTop - (elm.parentNode && elm.parentNode.scrollTop ? elm.parentNode.scrollTop : 0); |
| | | 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 bw = new roundcube_browser(); |
| | | // 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 = rcube_get_object_pos(obj); |
| | | |
| | | return ((mouse.x >= pos.x) && (mouse.x < (pos.x + obj.offsetWidth)) && |
| | | (mouse.y >= pos.y) && (mouse.y < (pos.y + obj.offsetHeight))); |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Return the currently applied value of a css property |
| | | * |
| | | * @param {Object} html_element Node reference |
| | | * @param {String} css_property Property name to read in Javascript notation (eg. 'textAlign') |
| | | * @param {String} mozilla_equivalent Equivalent property name in CSS notation (eg. 'text-align') |
| | | * @return CSS property value |
| | | * @type String |
| | | */ |
| | | function get_elements_computed_style(html_element, css_property, mozilla_equivalent) |
| | | { |
| | | if (arguments.length==2) |
| | | mozilla_equivalent = css_property; |
| | | |
| | | var el = html_element; |
| | | if (typeof(html_element)=='string') |
| | | el = rcube_find_object(html_element); |
| | | |
| | | if (el && el.currentStyle) |
| | | return el.currentStyle[css_property]; |
| | | else if (el && document.defaultView && document.defaultView.getComputedStyle) |
| | | return document.defaultView.getComputedStyle(el, null).getPropertyValue(mozilla_equivalent); |
| | | else |
| | | return false; |
| | | } |
| | | |
| | | |
| | | // 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; |
| | | } |
| | | |
| | | 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) |
| | | { |
| | | box = rcube_find_object('console'); |
| | | |
| | | if (box) |
| | | if (msg.charAt(msg.length-1)=='\n') |
| | | box.value += msg+'--------------------------------------\n'; |
| | | else |
| | | box.value += msg+'\n--------------------------------------\n'; |
| | | }; |
| | | |
| | | this.reset = function() |
| | | { |
| | | box = rcube_find_object('console'); |
| | | if (box) |
| | | 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; |
| | | } |
| | | } |
| | | |
| | | |
| | | // Fire event on specified element |
| | | function exec_event(element,event) |
| | | { |
| | | if (document.createEventObject) { |
| | | // dispatch for IE |
| | | var evt = document.createEventObject(); |
| | | return element.fireEvent('on'+event,evt) |
| | | } |
| | | else { |
| | | // dispatch for firefox + others |
| | | var evt = document.createEvent("HTMLEvents"); |
| | | evt.initEvent(event, true, true); // event type,bubbling,cancelable |
| | | return !element.dispatchEvent(evt); |
| | | } |
| | | } |