Mercurial > hg > extraction-interface

comparison interface/js/utils.js @ 0:b12c99b7c3f0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
commit for previous development
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Mon, 19 Jan 2015 17:13:49 +0100
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:b12c99b7c3f0
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);