deac/jquery
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

some clean up in the offset method

Browse source
This commit is contained in:
Brandon Aaron 2009-03-17 20:43:46 +00:00
parent 26731d475b
commit 36b4a9ba33
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/offset.js
View file

@ -1,8 +1,9 @@
if ( document.documentElement["getBoundingClientRect"] ) if ( "getBoundingClientRect" in document.documentElement )
jQuery.fn.offset = function() { jQuery.fn.offset = function() {
if ( !this[0] ) return { top: 0, left: 0 }; var elem = this[0];
if ( this[0] === this[0].ownerDocument.body ) return jQuery.offset.bodyOffset( this[0] ); if ( !elem ) return { top: 0, left: 0 };
var box = this[0].getBoundingClientRect(), doc = this[0].ownerDocument, body = doc.body, docElem = doc.documentElement, if ( elem === elem.ownerDocument.body ) return jQuery.offset.bodyOffset( elem );
var box = elem.getBoundingClientRect(), doc = elem.ownerDocument, body = doc.body, docElem = doc.documentElement,
clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0,
top = box.top + (self.pageYOffset || jQuery.boxModel && docElem.scrollTop || body.scrollTop ) - clientTop, top = box.top + (self.pageYOffset || jQuery.boxModel && docElem.scrollTop || body.scrollTop ) - clientTop,
left = box.left + (self.pageXOffset || jQuery.boxModel && docElem.scrollLeft || body.scrollLeft) - clientLeft; left = box.left + (self.pageXOffset || jQuery.boxModel && docElem.scrollLeft || body.scrollLeft) - clientLeft;
@ -10,11 +11,12 @@ if ( document.documentElement["getBoundingClientRect"] )
}; };
else else
jQuery.fn.offset = function() { jQuery.fn.offset = function() {
if ( !this[0] ) return { top: 0, left: 0 }; var elem = this[0];
if ( this[0] === this[0].ownerDocument.body ) return jQuery.offset.bodyOffset( this[0] ); if ( !elem ) return { top: 0, left: 0 };
if ( elem === elem.ownerDocument.body ) return jQuery.offset.bodyOffset( elem );
jQuery.offset.initialized || jQuery.offset.initialize(); jQuery.offset.initialized || jQuery.offset.initialize();
var elem = this[0], offsetParent = elem.offsetParent, prevOffsetParent = elem, var offsetParent = elem.offsetParent, prevOffsetParent = elem,
doc = elem.ownerDocument, computedStyle, docElem = doc.documentElement, doc = elem.ownerDocument, computedStyle, docElem = doc.documentElement,
body = doc.body, defaultView = doc.defaultView, body = doc.body, defaultView = doc.defaultView,
prevComputedStyle = defaultView.getComputedStyle(elem, null), prevComputedStyle = defaultView.getComputedStyle(elem, null),
@ -50,11 +52,10 @@ else
jQuery.offset = { jQuery.offset = {
initialize: function() { initialize: function() {
if ( this.initialized ) return; if ( this.initialized ) return;
var body = document.body, container = document.createElement('div'), innerDiv, checkDiv, table, td, rules, prop, bodyMarginTop = body.style.marginTop, var body = document.body, container = document.createElement('div'), innerDiv, checkDiv, table, td, prop, bodyMarginTop = body.style.marginTop,
html = '<div style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;"><div></div></div><table style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;" cellpadding="0" cellspacing="0"><tr><td></td></tr></table>'; html = '<div style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;"><div></div></div><table style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;" cellpadding="0" cellspacing="0"><tr><td></td></tr></table>';
rules = { position: 'absolute', top: 0, left: 0, margin: 0, border: 0, width: '1px', height: '1px', visibility: 'hidden' }; jQuery.extend( container.style, { position: 'absolute', top: 0, left: 0, margin: 0, border: 0, width: '1px', height: '1px', visibility: 'hidden' } );
for ( prop in rules ) container.style[prop] = rules[prop];
container.innerHTML = html; container.innerHTML = html;
body.insertBefore(container, body.firstChild); body.insertBefore(container, body.firstChild);