X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=src%2Foffset.js;h=7343353b5d8b01e3757a68d28bf7fa9055882197;hb=c7006d2fa54ee66cc0fa413aabe157a0248673e0;hp=dab0c2bfc78796715c2531c743ced8225e866291;hpb=f0681d98fe1fcb2995eca50a41c1c66407eab97a;p=jquery.git diff --git a/src/offset.js b/src/offset.js index dab0c2b..7343353 100644 --- a/src/offset.js +++ b/src/offset.js @@ -1,7 +1,12 @@ if ( "getBoundingClientRect" in document.documentElement ) { - jQuery.fn.offset = function() { + jQuery.fn.offset = function( options ) { var elem = this[0]; if ( !elem || !elem.ownerDocument ) { return null; } + if ( options ) { + return this.each(function() { + jQuery.offset.setOffset( this, options ); + }); + } if ( elem === elem.ownerDocument.body ) { return jQuery.offset.bodyOffset( elem ); } @@ -13,9 +18,14 @@ if ( "getBoundingClientRect" in document.documentElement ) { return { top: top, left: left }; }; } else { - jQuery.fn.offset = function() { + jQuery.fn.offset = function( options ) { var elem = this[0]; if ( !elem || !elem.ownerDocument ) { return null; } + if ( options ) { + return this.each(function() { + jQuery.offset.setOffset( this, options ); + }); + } if ( elem === elem.ownerDocument.body ) { return jQuery.offset.bodyOffset( elem ); } @@ -25,21 +35,21 @@ if ( "getBoundingClientRect" in document.documentElement ) { var offsetParent = elem.offsetParent, prevOffsetParent = elem, doc = elem.ownerDocument, computedStyle, docElem = doc.documentElement, body = doc.body, defaultView = doc.defaultView, - prevComputedStyle = defaultView.getComputedStyle(elem, null), + prevComputedStyle = defaultView.getComputedStyle( elem, null ), top = elem.offsetTop, left = elem.offsetLeft; while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) { if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) { break; } computedStyle = defaultView.getComputedStyle(elem, null); - top -= elem.scrollTop; + top -= elem.scrollTop; left -= elem.scrollLeft; if ( elem === offsetParent ) { - top += elem.offsetTop; + top += elem.offsetTop; left += elem.offsetLeft; - if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && /^t(able|d|h)$/i.test(elem.tagName)) ) { + if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && /^t(able|d|h)$/i.test(elem.nodeName)) ) { top += parseFloat( computedStyle.borderTopWidth ) || 0; left += parseFloat( computedStyle.borderLeftWidth ) || 0; } @@ -96,12 +106,11 @@ jQuery.offset = { this.doesNotIncludeMarginInBodyOffset = (body.offsetTop !== bodyMarginTop); body.removeChild( container ); - jQuery.offset.initialize = function(){}; - body = container = innerDiv = checkDiv = table = td = null; + jQuery.offset.initialize = function(){}; }, - bodyOffset: function(body) { + bodyOffset: function( body ) { var top = body.offsetTop, left = body.offsetLeft; jQuery.offset.initialize(); @@ -112,6 +121,27 @@ jQuery.offset = { } return { top: top, left: left }; + }, + + setOffset: function( elem, options ) { + // set position first, in-case top/left are set even on static elem + if ( /static/.test( jQuery.curCSS( elem, 'position' ) ) ) { + elem.style.position = 'relative'; + } + var curElem = jQuery( elem ), + curOffset = curElem.offset(), + curTop = parseInt( jQuery.curCSS( elem, 'top', true ), 10 ) || 0, + curLeft = parseInt( jQuery.curCSS( elem, 'left', true ), 10) || 0, + props = { + top: (options.top - curOffset.top) + curTop, + left: (options.left - curOffset.left) + curLeft + }; + + if ( 'using' in options ) { + options.using.call( elem, props ); + } else { + curElem.css( props ); + } } }; @@ -127,7 +157,7 @@ jQuery.fn.extend({ // Get correct offsets offset = this.offset(), - parentOffset = /^body|html$/i.test(offsetParent[0].tagName) ? { top: 0, left: 0 } : offsetParent.offset(); + parentOffset = /^body|html$/i.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset(); // Subtract element margins // note: when an element has margin: auto the offsetLeft and marginLeft @@ -147,11 +177,13 @@ jQuery.fn.extend({ }, offsetParent: function() { - var offsetParent = this[0].offsetParent || document.body; - while ( offsetParent && (!/^body|html$/i.test(offsetParent.tagName) && jQuery.css(offsetParent, 'position') === 'static') ) { - offsetParent = offsetParent.offsetParent; - } - return jQuery( offsetParent ); + return this.map(function(){ + var offsetParent = this.offsetParent || document.body; + while ( offsetParent && (!/^body|html$/i.test(offsetParent.nodeName) && jQuery.css(offsetParent, 'position') === 'static') ) { + offsetParent = offsetParent.offsetParent; + } + return offsetParent; + }); } }); @@ -161,40 +193,38 @@ jQuery.each( ['Left', 'Top'], function(i, name) { var method = 'scroll' + name; jQuery.fn[ method ] = function(val) { - if ( !this[0] ) { return null; } + var elem = this[0], win; + + if ( !elem ) { return null; } if ( val !== undefined ) { // Set the scroll offset return this.each(function() { win = getWindow( this ); - if ( win ) { + win ? win.scrollTo( !i ? val : jQuery(win).scrollLeft(), i ? val : jQuery(win).scrollTop() - ); - } else { + ) : this[ method ] = val; - } }); } else { - var elem = this[0], - win = getWindow( elem ); + win = getWindow( elem ); // Return the scroll offset - return win && 'pageXOffset' in win ? - win[ i ? 'pageYOffset' : 'pageXOffset' ] || - jQuery.support.boxModel && win.document.documentElement[ method ] || + return win ? ('pageXOffset' in win) ? win[ i ? 'pageYOffset' : 'pageXOffset' ] : + jQuery.support.boxModel && win.document.documentElement[ method ] || win.document.body[ method ] : elem[ method ]; } }; - - function getWindow( elem ) { - return ("scrollTo" in elem && elem.document) ? - elem : - elem.nodeType === 9 ? - elem.defaultView || elem.parentWindow : - false; - } }); + +function getWindow( elem ) { + return ("scrollTo" in elem && elem.document) ? + elem : + elem.nodeType === 9 ? + elem.defaultView || elem.parentWindow : + false; +}