Mercurial > hg > digilib-old

comparison client/digitallibrary/jquery/ui/jquery.ui.position.js @ 756:ccf67eaf97ee jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
added jQuery ui and svg javascripts
author hertzhaft
date Sun, 06 Feb 2011 22:17:41 +0100
parents
children
comparison
equal deleted inserted replaced
755:4c0cc97a6399 756:ccf67eaf97ee
1 /*
2 * jQuery UI Position 1.8.9
3 *
4 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
5 * Dual licensed under the MIT or GPL Version 2 licenses.
6 * http://jquery.org/license
7 *
8 * http://docs.jquery.com/UI/Position
9 */
10 (function( $, undefined ) {
11
12 $.ui = $.ui || {};
13
14 var horizontalPositions = /left|center|right/,
15 verticalPositions = /top|center|bottom/,
16 center = "center",
17 _position = $.fn.position,
18 _offset = $.fn.offset;
19
20 $.fn.position = function( options ) {
21 if ( !options || !options.of ) {
22 return _position.apply( this, arguments );
23 }
24
25 // make a copy, we don't want to modify arguments
26 options = $.extend( {}, options );
27
28 var target = $( options.of ),
29 targetElem = target[0],
30 collision = ( options.collision || "flip" ).split( " " ),
31 offset = options.offset ? options.offset.split( " " ) : [ 0, 0 ],
32 targetWidth,
33 targetHeight,
34 basePosition;
35
36 if ( targetElem.nodeType === 9 ) {
37 targetWidth = target.width();
38 targetHeight = target.height();
39 basePosition = { top: 0, left: 0 };
40 // TODO: use $.isWindow() in 1.9
41 } else if ( targetElem.setTimeout ) {
42 targetWidth = target.width();
43 targetHeight = target.height();
44 basePosition = { top: target.scrollTop(), left: target.scrollLeft() };
45 } else if ( targetElem.preventDefault ) {
46 // force left top to allow flipping
47 options.at = "left top";
48 targetWidth = targetHeight = 0;
49 basePosition = { top: options.of.pageY, left: options.of.pageX };
50 } else {
51 targetWidth = target.outerWidth();
52 targetHeight = target.outerHeight();
53 basePosition = target.offset();
54 }
55
56 // force my and at to have valid horizontal and veritcal positions
57 // if a value is missing or invalid, it will be converted to center
58 $.each( [ "my", "at" ], function() {
59 var pos = ( options[this] || "" ).split( " " );
60 if ( pos.length === 1) {
61 pos = horizontalPositions.test( pos[0] ) ?
62 pos.concat( [center] ) :
63 verticalPositions.test( pos[0] ) ?
64 [ center ].concat( pos ) :
65 [ center, center ];
66 }
67 pos[ 0 ] = horizontalPositions.test( pos[0] ) ? pos[ 0 ] : center;
68 pos[ 1 ] = verticalPositions.test( pos[1] ) ? pos[ 1 ] : center;
69 options[ this ] = pos;
70 });
71
72 // normalize collision option
73 if ( collision.length === 1 ) {
74 collision[ 1 ] = collision[ 0 ];
75 }
76
77 // normalize offset option
78 offset[ 0 ] = parseInt( offset[0], 10 ) || 0;
79 if ( offset.length === 1 ) {
80 offset[ 1 ] = offset[ 0 ];
81 }
82 offset[ 1 ] = parseInt( offset[1], 10 ) || 0;
83
84 if ( options.at[0] === "right" ) {
85 basePosition.left += targetWidth;
86 } else if ( options.at[0] === center ) {
87 basePosition.left += targetWidth / 2;
88 }
89
90 if ( options.at[1] === "bottom" ) {
91 basePosition.top += targetHeight;
92 } else if ( options.at[1] === center ) {
93 basePosition.top += targetHeight / 2;
94 }
95
96 basePosition.left += offset[ 0 ];
97 basePosition.top += offset[ 1 ];
98
99 return this.each(function() {
100 var elem = $( this ),
101 elemWidth = elem.outerWidth(),
102 elemHeight = elem.outerHeight(),
103 marginLeft = parseInt( $.curCSS( this, "marginLeft", true ) ) || 0,
104 marginTop = parseInt( $.curCSS( this, "marginTop", true ) ) || 0,
105 collisionWidth = elemWidth + marginLeft +
106 ( parseInt( $.curCSS( this, "marginRight", true ) ) || 0 ),
107 collisionHeight = elemHeight + marginTop +
108 ( parseInt( $.curCSS( this, "marginBottom", true ) ) || 0 ),
109 position = $.extend( {}, basePosition ),
110 collisionPosition;
111
112 if ( options.my[0] === "right" ) {
113 position.left -= elemWidth;
114 } else if ( options.my[0] === center ) {
115 position.left -= elemWidth / 2;
116 }
117
118 if ( options.my[1] === "bottom" ) {
119 position.top -= elemHeight;
120 } else if ( options.my[1] === center ) {
121 position.top -= elemHeight / 2;
122 }
123
124 // prevent fractions (see #5280)
125 position.left = Math.round( position.left );
126 position.top = Math.round( position.top );
127
128 collisionPosition = {
129 left: position.left - marginLeft,
130 top: position.top - marginTop
131 };
132
133 $.each( [ "left", "top" ], function( i, dir ) {
134 if ( $.ui.position[ collision[i] ] ) {
135 $.ui.position[ collision[i] ][ dir ]( position, {
136 targetWidth: targetWidth,
137 targetHeight: targetHeight,
138 elemWidth: elemWidth,
139 elemHeight: elemHeight,
140 collisionPosition: collisionPosition,
141 collisionWidth: collisionWidth,
142 collisionHeight: collisionHeight,
143 offset: offset,
144 my: options.my,
145 at: options.at
146 });
147 }
148 });
149
150 if ( $.fn.bgiframe ) {
151 elem.bgiframe();
152 }
153 elem.offset( $.extend( position, { using: options.using } ) );
154 });
155 };
156
157 $.ui.position = {
158 fit: {
159 left: function( position, data ) {
160 var win = $( window ),
161 over = data.collisionPosition.left + data.collisionWidth - win.width() - win.scrollLeft();
162 position.left = over > 0 ? position.left - over : Math.max( position.left - data.collisionPosition.left, position.left );
163 },
164 top: function( position, data ) {
165 var win = $( window ),
166 over = data.collisionPosition.top + data.collisionHeight - win.height() - win.scrollTop();
167 position.top = over > 0 ? position.top - over : Math.max( position.top - data.collisionPosition.top, position.top );
168 }
169 },
170
171 flip: {
172 left: function( position, data ) {
173 if ( data.at[0] === center ) {
174 return;
175 }
176 var win = $( window ),
177 over = data.collisionPosition.left + data.collisionWidth - win.width() - win.scrollLeft(),
178 myOffset = data.my[ 0 ] === "left" ?
179 -data.elemWidth :
180 data.my[ 0 ] === "right" ?
181 data.elemWidth :
182 0,
183 atOffset = data.at[ 0 ] === "left" ?
184 data.targetWidth :
185 -data.targetWidth,
186 offset = -2 * data.offset[ 0 ];
187 position.left += data.collisionPosition.left < 0 ?
188 myOffset + atOffset + offset :
189 over > 0 ?
190 myOffset + atOffset + offset :
191 0;
192 },
193 top: function( position, data ) {
194 if ( data.at[1] === center ) {
195 return;
196 }
197 var win = $( window ),
198 over = data.collisionPosition.top + data.collisionHeight - win.height() - win.scrollTop(),
199 myOffset = data.my[ 1 ] === "top" ?
200 -data.elemHeight :
201 data.my[ 1 ] === "bottom" ?
202 data.elemHeight :
203 0,
204 atOffset = data.at[ 1 ] === "top" ?
205 data.targetHeight :
206 -data.targetHeight,
207 offset = -2 * data.offset[ 1 ];
208 position.top += data.collisionPosition.top < 0 ?
209 myOffset + atOffset + offset :
210 over > 0 ?
211 myOffset + atOffset + offset :
212 0;
213 }
214 }
215 };
216
217 // offset setter from jQuery 1.4
218 if ( !$.offset.setOffset ) {
219 $.offset.setOffset = function( elem, options ) {
220 // set position first, in-case top/left are set even on static elem
221 if ( /static/.test( $.curCSS( elem, "position" ) ) ) {
222 elem.style.position = "relative";
223 }
224 var curElem = $( elem ),
225 curOffset = curElem.offset(),
226 curTop = parseInt( $.curCSS( elem, "top", true ), 10 ) || 0,
227 curLeft = parseInt( $.curCSS( elem, "left", true ), 10) || 0,
228 props = {
229 top: (options.top - curOffset.top) + curTop,
230 left: (options.left - curOffset.left) + curLeft
231 };
232
233 if ( 'using' in options ) {
234 options.using.call( elem, props );
235 } else {
236 curElem.css( props );
237 }
238 };
239
240 $.fn.offset = function( options ) {
241 var elem = this[ 0 ];
242 if ( !elem || !elem.ownerDocument ) { return null; }
243 if ( options ) {
244 return this.each(function() {
245 $.offset.setOffset( this, options );
246 });
247 }
248 return _offset.call( this );
249 };
250 }
251
252 }( jQuery ));