| 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); |
