d3c8418db671da23d8f35b566c0963a0697307af
[jquery.git] / dimensions.js
1 // Create innerHeight, innerWidth, outerHeight and outerWidth methods
2 jQuery.each([ "Height", "Width" ], function(i, name){
3
4         var type = name.toLowerCase();
5
6         // innerHeight and innerWidth
7         jQuery.fn["inner" + name] = function(){
8                 return this[0] ?
9                         jQuery.css( this[0], type, false, "padding" ) :
10                         null;
11         };
12
13         // outerHeight and outerWidth
14         jQuery.fn["outer" + name] = function(margin) {
15                 return this[0] ?
16                         jQuery.css( this[0], type, false, margin ? "margin" : "border" ) :
17                         null;
18         };
19
20         jQuery.fn[ type ] = function( size ) {
21                 // Get window width or height
22                 var elem = this[0];
23                 if ( !elem ) {
24                         return size == null ? null : this;
25                 }
26
27                 return ("scrollTo" in elem && elem.document) ? // does it walk and quack like a window?
28                         // Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
29                         elem.document.compatMode === "CSS1Compat" && elem.document.documentElement[ "client" + name ] ||
30                         elem.document.body[ "client" + name ] :
31
32                         // Get document width or height
33                         (elem.nodeType === 9) ? // is it a document
34                                 // Either scroll[Width/Height] or offset[Width/Height], whichever is greater
35                                 Math.max(
36                                         elem.documentElement["client" + name],
37                                         elem.body["scroll" + name], elem.documentElement["scroll" + name],
38                                         elem.body["offset" + name], elem.documentElement["offset" + name]
39                                 ) :
40
41                                 // Get or set width or height on the element
42                                 size === undefined ?
43                                         // Get width or height on the element
44                                         jQuery.css( elem, type ) :
45
46                                         // Set the width or height on the element (default to pixels if value is unitless)
47                                         this.css( type, typeof size === "string" ? size : size + "px" );
48         };
49
50 });