1 | /*! |
---|
2 | * Ext JS Library 3.4.0 |
---|
3 | * Copyright(c) 2006-2011 Sencha Inc. |
---|
4 | * licensing@sencha.com |
---|
5 | * http://www.sencha.com/license |
---|
6 | */ |
---|
7 | (function(){ |
---|
8 | var doc = document, |
---|
9 | isCSS1 = doc.compatMode == "CSS1Compat", |
---|
10 | MAX = Math.max, |
---|
11 | ROUND = Math.round, |
---|
12 | PARSEINT = parseInt; |
---|
13 | |
---|
14 | Ext.lib.Dom = { |
---|
15 | isAncestor : function(p, c) { |
---|
16 | var ret = false; |
---|
17 | |
---|
18 | p = Ext.getDom(p); |
---|
19 | c = Ext.getDom(c); |
---|
20 | if (p && c) { |
---|
21 | if (p.contains) { |
---|
22 | return p.contains(c); |
---|
23 | } else if (p.compareDocumentPosition) { |
---|
24 | return !!(p.compareDocumentPosition(c) & 16); |
---|
25 | } else { |
---|
26 | while (c = c.parentNode) { |
---|
27 | ret = c == p || ret; |
---|
28 | } |
---|
29 | } |
---|
30 | } |
---|
31 | return ret; |
---|
32 | }, |
---|
33 | |
---|
34 | getViewWidth : function(full) { |
---|
35 | return full ? this.getDocumentWidth() : this.getViewportWidth(); |
---|
36 | }, |
---|
37 | |
---|
38 | getViewHeight : function(full) { |
---|
39 | return full ? this.getDocumentHeight() : this.getViewportHeight(); |
---|
40 | }, |
---|
41 | |
---|
42 | getDocumentHeight: function() { |
---|
43 | return MAX(!isCSS1 ? doc.body.scrollHeight : doc.documentElement.scrollHeight, this.getViewportHeight()); |
---|
44 | }, |
---|
45 | |
---|
46 | getDocumentWidth: function() { |
---|
47 | return MAX(!isCSS1 ? doc.body.scrollWidth : doc.documentElement.scrollWidth, this.getViewportWidth()); |
---|
48 | }, |
---|
49 | |
---|
50 | getViewportHeight: function(){ |
---|
51 | return Ext.isIE ? |
---|
52 | (Ext.isStrict ? doc.documentElement.clientHeight : doc.body.clientHeight) : |
---|
53 | self.innerHeight; |
---|
54 | }, |
---|
55 | |
---|
56 | getViewportWidth : function() { |
---|
57 | return !Ext.isStrict && !Ext.isOpera ? doc.body.clientWidth : |
---|
58 | Ext.isIE ? doc.documentElement.clientWidth : self.innerWidth; |
---|
59 | }, |
---|
60 | |
---|
61 | getY : function(el) { |
---|
62 | return this.getXY(el)[1]; |
---|
63 | }, |
---|
64 | |
---|
65 | getX : function(el) { |
---|
66 | return this.getXY(el)[0]; |
---|
67 | }, |
---|
68 | |
---|
69 | getXY : function(el) { |
---|
70 | var p, |
---|
71 | pe, |
---|
72 | b, |
---|
73 | bt, |
---|
74 | bl, |
---|
75 | dbd, |
---|
76 | x = 0, |
---|
77 | y = 0, |
---|
78 | scroll, |
---|
79 | hasAbsolute, |
---|
80 | bd = (doc.body || doc.documentElement), |
---|
81 | ret = [0,0]; |
---|
82 | |
---|
83 | el = Ext.getDom(el); |
---|
84 | |
---|
85 | if(el != bd){ |
---|
86 | if (el.getBoundingClientRect) { |
---|
87 | b = el.getBoundingClientRect(); |
---|
88 | scroll = fly(document).getScroll(); |
---|
89 | ret = [ROUND(b.left + scroll.left), ROUND(b.top + scroll.top)]; |
---|
90 | } else { |
---|
91 | p = el; |
---|
92 | hasAbsolute = fly(el).isStyle("position", "absolute"); |
---|
93 | |
---|
94 | while (p) { |
---|
95 | pe = fly(p); |
---|
96 | x += p.offsetLeft; |
---|
97 | y += p.offsetTop; |
---|
98 | |
---|
99 | hasAbsolute = hasAbsolute || pe.isStyle("position", "absolute"); |
---|
100 | |
---|
101 | if (Ext.isGecko) { |
---|
102 | y += bt = PARSEINT(pe.getStyle("borderTopWidth"), 10) || 0; |
---|
103 | x += bl = PARSEINT(pe.getStyle("borderLeftWidth"), 10) || 0; |
---|
104 | |
---|
105 | if (p != el && !pe.isStyle('overflow','visible')) { |
---|
106 | x += bl; |
---|
107 | y += bt; |
---|
108 | } |
---|
109 | } |
---|
110 | p = p.offsetParent; |
---|
111 | } |
---|
112 | |
---|
113 | if (Ext.isSafari && hasAbsolute) { |
---|
114 | x -= bd.offsetLeft; |
---|
115 | y -= bd.offsetTop; |
---|
116 | } |
---|
117 | |
---|
118 | if (Ext.isGecko && !hasAbsolute) { |
---|
119 | dbd = fly(bd); |
---|
120 | x += PARSEINT(dbd.getStyle("borderLeftWidth"), 10) || 0; |
---|
121 | y += PARSEINT(dbd.getStyle("borderTopWidth"), 10) || 0; |
---|
122 | } |
---|
123 | |
---|
124 | p = el.parentNode; |
---|
125 | while (p && p != bd) { |
---|
126 | if (!Ext.isOpera || (p.tagName != 'TR' && !fly(p).isStyle("display", "inline"))) { |
---|
127 | x -= p.scrollLeft; |
---|
128 | y -= p.scrollTop; |
---|
129 | } |
---|
130 | p = p.parentNode; |
---|
131 | } |
---|
132 | ret = [x,y]; |
---|
133 | } |
---|
134 | } |
---|
135 | return ret; |
---|
136 | }, |
---|
137 | |
---|
138 | setXY : function(el, xy) { |
---|
139 | (el = Ext.fly(el, '_setXY')).position(); |
---|
140 | |
---|
141 | var pts = el.translatePoints(xy), |
---|
142 | style = el.dom.style, |
---|
143 | pos; |
---|
144 | |
---|
145 | for (pos in pts) { |
---|
146 | if (!isNaN(pts[pos])) { |
---|
147 | style[pos] = pts[pos] + "px"; |
---|
148 | } |
---|
149 | } |
---|
150 | }, |
---|
151 | |
---|
152 | setX : function(el, x) { |
---|
153 | this.setXY(el, [x, false]); |
---|
154 | }, |
---|
155 | |
---|
156 | setY : function(el, y) { |
---|
157 | this.setXY(el, [false, y]); |
---|
158 | } |
---|
159 | }; |
---|
160 | })(); |
---|