| @@ -1,0 +1,252 @@ | ||
| 1 | +/** | |
| 2 | + * | |
| 3 | + * Utilities | |
| 4 | + * Author: Stefan Petre www.eyecon.ro | |
| 5 | + * | |
| 6 | + */ | |
| 7 | +(function($) { | |
| 8 | +EYE.extend({ | |
| 9 | + getPosition : function(e, forceIt) | |
| 10 | + { | |
| 11 | + var x = 0; | |
| 12 | + var y = 0; | |
| 13 | + var es = e.style; | |
| 14 | + var restoreStyles = false; | |
| 15 | + if (forceIt && jQuery.curCSS(e,'display') == 'none') { | |
| 16 | + var oldVisibility = es.visibility; | |
| 17 | + var oldPosition = es.position; | |
| 18 | + restoreStyles = true; | |
| 19 | + es.visibility = 'hidden'; | |
| 20 | + es.display = 'block'; | |
| 21 | + es.position = 'absolute'; | |
| 22 | + } | |
| 23 | + var el = e; | |
| 24 | + if (el.getBoundingClientRect) { // IE | |
| 25 | + var box = el.getBoundingClientRect(); | |
| 26 | + x = box.left + Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) - 2; | |
| 27 | + y = box.top + Math.max(document.documentElement.scrollTop, document.body.scrollTop) - 2; | |
| 28 | + } else { | |
| 29 | + x = el.offsetLeft; | |
| 30 | + y = el.offsetTop; | |
| 31 | + el = el.offsetParent; | |
| 32 | + if (e != el) { | |
| 33 | + while (el) { | |
| 34 | + x += el.offsetLeft; | |
| 35 | + y += el.offsetTop; | |
| 36 | + el = el.offsetParent; | |
| 37 | + } | |
| 38 | + } | |
| 39 | + if (jQuery.browser.safari && jQuery.curCSS(e, 'position') == 'absolute' ) { | |
| 40 | + x -= document.body.offsetLeft; | |
| 41 | + y -= document.body.offsetTop; | |
| 42 | + } | |
| 43 | + el = e.parentNode; | |
| 44 | + while (el && el.tagName.toUpperCase() != 'BODY' && el.tagName.toUpperCase() != 'HTML') | |
| 45 | + { | |
| 46 | + if (jQuery.curCSS(el, 'display') != 'inline') { | |
| 47 | + x -= el.scrollLeft; | |
| 48 | + y -= el.scrollTop; | |
| 49 | + } | |
| 50 | + el = el.parentNode; | |
| 51 | + } | |
| 52 | + } | |
| 53 | + if (restoreStyles == true) { | |
| 54 | + es.display = 'none'; | |
| 55 | + es.position = oldPosition; | |
| 56 | + es.visibility = oldVisibility; | |
| 57 | + } | |
| 58 | + return {x:x, y:y}; | |
| 59 | + }, | |
| 60 | + getSize : function(e) | |
| 61 | + { | |
| 62 | + var w = parseInt(jQuery.curCSS(e,'width'), 10); | |
| 63 | + var h = parseInt(jQuery.curCSS(e,'height'), 10); | |
| 64 | + var wb = 0; | |
| 65 | + var hb = 0; | |
| 66 | + if (jQuery.curCSS(e, 'display') != 'none') { | |
| 67 | + wb = e.offsetWidth; | |
| 68 | + hb = e.offsetHeight; | |
| 69 | + } else { | |
| 70 | + var es = e.style; | |
| 71 | + var oldVisibility = es.visibility; | |
| 72 | + var oldPosition = es.position; | |
| 73 | + es.visibility = 'hidden'; | |
| 74 | + es.display = 'block'; | |
| 75 | + es.position = 'absolute'; | |
| 76 | + wb = e.offsetWidth; | |
| 77 | + hb = e.offsetHeight; | |
| 78 | + es.display = 'none'; | |
| 79 | + es.position = oldPosition; | |
| 80 | + es.visibility = oldVisibility; | |
| 81 | + } | |
| 82 | + return {w:w, h:h, wb:wb, hb:hb}; | |
| 83 | + }, | |
| 84 | + getClient : function(e) | |
| 85 | + { | |
| 86 | + var h, w; | |
| 87 | + if (e) { | |
| 88 | + w = e.clientWidth; | |
| 89 | + h = e.clientHeight; | |
| 90 | + } else { | |
| 91 | + var de = document.documentElement; | |
| 92 | + w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth; | |
| 93 | + h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight; | |
| 94 | + } | |
| 95 | + return {w:w,h:h}; | |
| 96 | + }, | |
| 97 | + getScroll : function (e) | |
| 98 | + { | |
| 99 | + var t=0, l=0, w=0, h=0, iw=0, ih=0; | |
| 100 | + if (e && e.nodeName.toLowerCase() != 'body') { | |
| 101 | + t = e.scrollTop; | |
| 102 | + l = e.scrollLeft; | |
| 103 | + w = e.scrollWidth; | |
| 104 | + h = e.scrollHeight; | |
| 105 | + } else { | |
| 106 | + if (document.documentElement) { | |
| 107 | + t = document.documentElement.scrollTop; | |
| 108 | + l = document.documentElement.scrollLeft; | |
| 109 | + w = document.documentElement.scrollWidth; | |
| 110 | + h = document.documentElement.scrollHeight; | |
| 111 | + } else if (document.body) { | |
| 112 | + t = document.body.scrollTop; | |
| 113 | + l = document.body.scrollLeft; | |
| 114 | + w = document.body.scrollWidth; | |
| 115 | + h = document.body.scrollHeight; | |
| 116 | + } | |
| 117 | + if (typeof pageYOffset != 'undefined') { | |
| 118 | + t = pageYOffset; | |
| 119 | + l = pageXOffset; | |
| 120 | + } | |
| 121 | + iw = self.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0; | |
| 122 | + ih = self.innerHeight||document.documentElement.clientHeight||document.body.clientHeight||0; | |
| 123 | + } | |
| 124 | + return { t: t, l: l, w: w, h: h, iw: iw, ih: ih }; | |
| 125 | + }, | |
| 126 | + getMargins : function(e, toInteger) | |
| 127 | + { | |
| 128 | + var t = jQuery.curCSS(e,'marginTop') || ''; | |
| 129 | + var r = jQuery.curCSS(e,'marginRight') || ''; | |
| 130 | + var b = jQuery.curCSS(e,'marginBottom') || ''; | |
| 131 | + var l = jQuery.curCSS(e,'marginLeft') || ''; | |
| 132 | + if (toInteger) | |
| 133 | + return { | |
| 134 | + t: parseInt(t, 10)||0, | |
| 135 | + r: parseInt(r, 10)||0, | |
| 136 | + b: parseInt(b, 10)||0, | |
| 137 | + l: parseInt(l, 10) | |
| 138 | + }; | |
| 139 | + else | |
| 140 | + return {t: t, r: r, b: b, l: l}; | |
| 141 | + }, | |
| 142 | + getPadding : function(e, toInteger) | |
| 143 | + { | |
| 144 | + var t = jQuery.curCSS(e,'paddingTop') || ''; | |
| 145 | + var r = jQuery.curCSS(e,'paddingRight') || ''; | |
| 146 | + var b = jQuery.curCSS(e,'paddingBottom') || ''; | |
| 147 | + var l = jQuery.curCSS(e,'paddingLeft') || ''; | |
| 148 | + if (toInteger) | |
| 149 | + return { | |
| 150 | + t: parseInt(t, 10)||0, | |
| 151 | + r: parseInt(r, 10)||0, | |
| 152 | + b: parseInt(b, 10)||0, | |
| 153 | + l: parseInt(l, 10) | |
| 154 | + }; | |
| 155 | + else | |
| 156 | + return {t: t, r: r, b: b, l: l}; | |
| 157 | + }, | |
| 158 | + getBorder : function(e, toInteger) | |
| 159 | + { | |
| 160 | + var t = jQuery.curCSS(e,'borderTopWidth') || ''; | |
| 161 | + var r = jQuery.curCSS(e,'borderRightWidth') || ''; | |
| 162 | + var b = jQuery.curCSS(e,'borderBottomWidth') || ''; | |
| 163 | + var l = jQuery.curCSS(e,'borderLeftWidth') || ''; | |
| 164 | + if (toInteger) | |
| 165 | + return { | |
| 166 | + t: parseInt(t, 10)||0, | |
| 167 | + r: parseInt(r, 10)||0, | |
| 168 | + b: parseInt(b, 10)||0, | |
| 169 | + l: parseInt(l, 10)||0 | |
| 170 | + }; | |
| 171 | + else | |
| 172 | + return {t: t, r: r, b: b, l: l}; | |
| 173 | + }, | |
| 174 | + traverseDOM : function(nodeEl, func) | |
| 175 | + { | |
| 176 | + func(nodeEl); | |
| 177 | + nodeEl = nodeEl.firstChild; | |
| 178 | + while(nodeEl){ | |
| 179 | + EYE.traverseDOM(nodeEl, func); | |
| 180 | + nodeEl = nodeEl.nextSibling; | |
| 181 | + } | |
| 182 | + }, | |
| 183 | + getInnerWidth : function(el, scroll) { | |
| 184 | + var offsetW = el.offsetWidth; | |
| 185 | + return scroll ? Math.max(el.scrollWidth,offsetW) - offsetW + el.clientWidth:el.clientWidth; | |
| 186 | + }, | |
| 187 | + getInnerHeight : function(el, scroll) { | |
| 188 | + var offsetH = el.offsetHeight; | |
| 189 | + return scroll ? Math.max(el.scrollHeight,offsetH) - offsetH + el.clientHeight:el.clientHeight; | |
| 190 | + }, | |
| 191 | + getExtraWidth : function(el) { | |
| 192 | + if($.boxModel) | |
| 193 | + return (parseInt($.curCSS(el, 'paddingLeft'))||0) | |
| 194 | + + (parseInt($.curCSS(el, 'paddingRight'))||0) | |
| 195 | + + (parseInt($.curCSS(el, 'borderLeftWidth'))||0) | |
| 196 | + + (parseInt($.curCSS(el, 'borderRightWidth'))||0); | |
| 197 | + return 0; | |
| 198 | + }, | |
| 199 | + getExtraHeight : function(el) { | |
| 200 | + if($.boxModel) | |
| 201 | + return (parseInt($.curCSS(el, 'paddingTop'))||0) | |
| 202 | + + (parseInt($.curCSS(el, 'paddingBottom'))||0) | |
| 203 | + + (parseInt($.curCSS(el, 'borderTopWidth'))||0) | |
| 204 | + + (parseInt($.curCSS(el, 'borderBottomWidth'))||0); | |
| 205 | + return 0; | |
| 206 | + }, | |
| 207 | + isChildOf: function(parentEl, el, container) { | |
| 208 | + if (parentEl == el) { | |
| 209 | + return true; | |
| 210 | + } | |
| 211 | + if (!el || !el.nodeType || el.nodeType != 1) { | |
| 212 | + return false; | |
| 213 | + } | |
| 214 | + if (parentEl.contains && !$.browser.safari) { | |
| 215 | + return parentEl.contains(el); | |
| 216 | + } | |
| 217 | + if ( parentEl.compareDocumentPosition ) { | |
| 218 | + return !!(parentEl.compareDocumentPosition(el) & 16); | |
| 219 | + } | |
| 220 | + var prEl = el.parentNode; | |
| 221 | + while(prEl && prEl != container) { | |
| 222 | + if (prEl == parentEl) | |
| 223 | + return true; | |
| 224 | + prEl = prEl.parentNode; | |
| 225 | + } | |
| 226 | + return false; | |
| 227 | + }, | |
| 228 | + centerEl : function(el, axis) | |
| 229 | + { | |
| 230 | + var clientScroll = EYE.getScroll(); | |
| 231 | + var size = EYE.getSize(el); | |
| 232 | + if (!axis || axis == 'vertically') | |
| 233 | + $(el).css( | |
| 234 | + { | |
| 235 | + top: clientScroll.t + ((Math.min(clientScroll.h,clientScroll.ih) - size.hb)/2) + 'px' | |
| 236 | + } | |
| 237 | + ); | |
| 238 | + if (!axis || axis == 'horizontally') | |
| 239 | + $(el).css( | |
| 240 | + { | |
| 241 | + left: clientScroll.l + ((Math.min(clientScroll.w,clientScroll.iw) - size.wb)/2) + 'px' | |
| 242 | + } | |
| 243 | + ); | |
| 244 | + } | |
| 245 | +}); | |
| 246 | +if (!$.easing.easeout) { | |
| 247 | + $.easing.easeout = function(p, n, firstNum, delta, duration) { | |
| 248 | + return -delta * ((n=n/duration-1)*n*n*n - 1) + firstNum; | |
| 249 | + }; | |
| 250 | +} | |
| 251 | + | |
| 252 | +})(jQuery); | |