root / snf-astakos-app / astakos / im / static / im / css / boxsizing.htc @ 8a217fa2
History | View | Annotate | Download (8.5 kB)
1 | ebd369d0 | Sofia Papagiannaki | /** |
---|---|---|---|
2 | ebd369d0 | Sofia Papagiannaki | * CSS-JS-BOOSTER |
3 | ebd369d0 | Sofia Papagiannaki | * |
4 | ebd369d0 | Sofia Papagiannaki | * A polyfill for box-sizing: border-box for IE6 & IE7. |
5 | ebd369d0 | Sofia Papagiannaki | * |
6 | ebd369d0 | Sofia Papagiannaki | * JScript |
7 | ebd369d0 | Sofia Papagiannaki | * |
8 | ebd369d0 | Sofia Papagiannaki | * This program is free software: you can redistribute it and/or modify |
9 | ebd369d0 | Sofia Papagiannaki | * it under the terms of the GNU Lesser General Public License as published |
10 | ebd369d0 | Sofia Papagiannaki | * by the Free Software Foundation, either version 3 of the License, or |
11 | ebd369d0 | Sofia Papagiannaki | * (at your option) any later version. |
12 | ebd369d0 | Sofia Papagiannaki | * |
13 | ebd369d0 | Sofia Papagiannaki | * This program is distributed in the hope that it will be useful, |
14 | ebd369d0 | Sofia Papagiannaki | * but WITHOUT ANY WARRANTY; without even the implied warranty of |
15 | ebd369d0 | Sofia Papagiannaki | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
16 | ebd369d0 | Sofia Papagiannaki | * GNU Lesser General Public License for more details. |
17 | ebd369d0 | Sofia Papagiannaki | * |
18 | ebd369d0 | Sofia Papagiannaki | * See <http://www.gnu.org/licenses/lgpl-3.0.txt> |
19 | ebd369d0 | Sofia Papagiannaki | * |
20 | ebd369d0 | Sofia Papagiannaki | * @category JScript |
21 | ebd369d0 | Sofia Papagiannaki | * @package box-sizing-polyfill |
22 | ebd369d0 | Sofia Papagiannaki | * @author Christian Schepp Schaefer <schaepp@gmx.de> <http://twitter.com/derSchepp> |
23 | ebd369d0 | Sofia Papagiannaki | * @copyright 2010 Christian Schepp Schaefer |
24 | ebd369d0 | Sofia Papagiannaki | * @license http://www.gnu.org/copyleft/lesser.html The GNU LESSER GENERAL PUBLIC LICENSE, Version 3.0 |
25 | ebd369d0 | Sofia Papagiannaki | * @link http://github.com/Schepp/box-sizing-polyfill |
26 | ebd369d0 | Sofia Papagiannaki | * |
27 | ebd369d0 | Sofia Papagiannaki | * PREFACE: |
28 | ebd369d0 | Sofia Papagiannaki | * |
29 | ebd369d0 | Sofia Papagiannaki | * This box-sizing polyfill is based on previous work done by Erik Arvidsson, |
30 | ebd369d0 | Sofia Papagiannaki | * which he published in 2002 on http://webfx.eae.net/dhtml/boxsizing/boxsizing.html. |
31 | ebd369d0 | Sofia Papagiannaki | * |
32 | ebd369d0 | Sofia Papagiannaki | * USAGE: |
33 | ebd369d0 | Sofia Papagiannaki | * |
34 | ebd369d0 | Sofia Papagiannaki | * Add the behavior/HTC after every `box-sizing: border-box;` that you assign: |
35 | ebd369d0 | Sofia Papagiannaki | * |
36 | ebd369d0 | Sofia Papagiannaki | * box-sizing: border-box; |
37 | ebd369d0 | Sofia Papagiannaki | * *behavior: url(/scripts/boxsizing.htc);` |
38 | ebd369d0 | Sofia Papagiannaki | * |
39 | ebd369d0 | Sofia Papagiannaki | * If you prefix the `behavior` property with a star, like seen above, it will only be seen by |
40 | ebd369d0 | Sofia Papagiannaki | * IE6 & IE7, not by IE8+ (it's a hack) which is better for the performance on those newer browsers. |
41 | ebd369d0 | Sofia Papagiannaki | * |
42 | ebd369d0 | Sofia Papagiannaki | * The URL to the HTC file must be relative to your HTML(!) document, not relative to your CSS. |
43 | ebd369d0 | Sofia Papagiannaki | * That's why I'd advise you to use absolute paths like in the example. |
44 | ebd369d0 | Sofia Papagiannaki | * |
45 | ebd369d0 | Sofia Papagiannaki | */ |
46 | ebd369d0 | Sofia Papagiannaki | <component lightWeight="true"> |
47 | ebd369d0 | Sofia Papagiannaki | <attach event="onpropertychange" onevent="checkPropertyChange()" /> |
48 | ebd369d0 | Sofia Papagiannaki | <attach event="ondetach" onevent="restore()" /> |
49 | ebd369d0 | Sofia Papagiannaki | <attach event="onresize" for="window" onevent="restore();init()" /> |
50 | ebd369d0 | Sofia Papagiannaki | <script type="text/javascript"> |
51 | ebd369d0 | Sofia Papagiannaki | //<![CDATA[ |
52 | ebd369d0 | Sofia Papagiannaki | |
53 | ebd369d0 | Sofia Papagiannaki | var viewportwidth = (typeof window.innerWidth != 'undefined' ? window.innerWidth : element.document.documentElement.clientWidth); |
54 | ebd369d0 | Sofia Papagiannaki | // Shortcut for the document object |
55 | ebd369d0 | Sofia Papagiannaki | var doc = element.document; |
56 | ebd369d0 | Sofia Papagiannaki | |
57 | ebd369d0 | Sofia Papagiannaki | /* |
58 | ebd369d0 | Sofia Papagiannaki | * init gets called once at the start and then never again, |
59 | ebd369d0 | Sofia Papagiannaki | * triggers box-sizing calculations and updates width and height |
60 | ebd369d0 | Sofia Papagiannaki | */ |
61 | ebd369d0 | Sofia Papagiannaki | function init(){ |
62 | ebd369d0 | Sofia Papagiannaki | // check for IE8+ |
63 | ebd369d0 | Sofia Papagiannaki | if(typeof(element.style.boxSizing) == "undefined"){ |
64 | ebd369d0 | Sofia Papagiannaki | updateBorderBoxWidth(); |
65 | ebd369d0 | Sofia Papagiannaki | updateBorderBoxHeight(); |
66 | ebd369d0 | Sofia Papagiannaki | } |
67 | ebd369d0 | Sofia Papagiannaki | } |
68 | ebd369d0 | Sofia Papagiannaki | |
69 | ebd369d0 | Sofia Papagiannaki | /* |
70 | ebd369d0 | Sofia Papagiannaki | * restore gets called when the behavior is being detached (see event binding at the top), |
71 | ebd369d0 | Sofia Papagiannaki | * resets everything like it was before applying the behavior |
72 | ebd369d0 | Sofia Papagiannaki | */ |
73 | ebd369d0 | Sofia Papagiannaki | function restore(){ |
74 | ebd369d0 | Sofia Papagiannaki | // check for IE8+ |
75 | ebd369d0 | Sofia Papagiannaki | if(typeof(element.style.boxSizing) == "undefined"){ |
76 | ebd369d0 | Sofia Papagiannaki | element.runtimeStyle.width = ""; |
77 | ebd369d0 | Sofia Papagiannaki | element.runtimeStyle.height = ""; |
78 | ebd369d0 | Sofia Papagiannaki | } |
79 | ebd369d0 | Sofia Papagiannaki | } |
80 | ebd369d0 | Sofia Papagiannaki | |
81 | ebd369d0 | Sofia Papagiannaki | /* |
82 | ebd369d0 | Sofia Papagiannaki | * checkPropertyChange gets called as soon as an element property changes |
83 | ebd369d0 | Sofia Papagiannaki | * (see event binding at the top), it then checks if any property influencing its |
84 | ebd369d0 | Sofia Papagiannaki | * dimensions was changed and if yes recalculates width and height |
85 | ebd369d0 | Sofia Papagiannaki | */ |
86 | ebd369d0 | Sofia Papagiannaki | function checkPropertyChange(){ |
87 | ebd369d0 | Sofia Papagiannaki | // check for IE8+ |
88 | ebd369d0 | Sofia Papagiannaki | if(typeof(element.style.boxSizing) == "undefined"){ |
89 | ebd369d0 | Sofia Papagiannaki | var pn = event.propertyName; |
90 | ebd369d0 | Sofia Papagiannaki | var undef; |
91 | ebd369d0 | Sofia Papagiannaki | if(pn == "style.boxSizing" && element.style.boxSizing == ""){ |
92 | ebd369d0 | Sofia Papagiannaki | element.style.removeAttribute("boxSizing"); |
93 | ebd369d0 | Sofia Papagiannaki | element.runtimeStyle.boxSizing = undef; |
94 | ebd369d0 | Sofia Papagiannaki | } |
95 | ebd369d0 | Sofia Papagiannaki | switch (pn){ |
96 | ebd369d0 | Sofia Papagiannaki | case "style.width": |
97 | ebd369d0 | Sofia Papagiannaki | case "style.borderLeftWidth": |
98 | ebd369d0 | Sofia Papagiannaki | case "style.borderLeftStyle": |
99 | ebd369d0 | Sofia Papagiannaki | case "style.borderRightWidth": |
100 | ebd369d0 | Sofia Papagiannaki | case "style.borderRightStyle": |
101 | ebd369d0 | Sofia Papagiannaki | case "style.paddingLeft": |
102 | ebd369d0 | Sofia Papagiannaki | case "style.paddingRight": |
103 | ebd369d0 | Sofia Papagiannaki | updateBorderBoxWidth(); |
104 | ebd369d0 | Sofia Papagiannaki | break; |
105 | ebd369d0 | Sofia Papagiannaki | |
106 | ebd369d0 | Sofia Papagiannaki | case "style.height": |
107 | ebd369d0 | Sofia Papagiannaki | case "style.borderTopWidth": |
108 | ebd369d0 | Sofia Papagiannaki | case "style.borderTopStyle": |
109 | ebd369d0 | Sofia Papagiannaki | case "style.borderBottomWidth": |
110 | ebd369d0 | Sofia Papagiannaki | case "style.borderBottomStyle": |
111 | ebd369d0 | Sofia Papagiannaki | case "style.paddingTop": |
112 | ebd369d0 | Sofia Papagiannaki | case "style.paddingBottom": |
113 | ebd369d0 | Sofia Papagiannaki | updateBorderBoxHeight(); |
114 | ebd369d0 | Sofia Papagiannaki | break; |
115 | ebd369d0 | Sofia Papagiannaki | |
116 | ebd369d0 | Sofia Papagiannaki | case "className": |
117 | ebd369d0 | Sofia Papagiannaki | case "style.boxSizing": |
118 | ebd369d0 | Sofia Papagiannaki | updateBorderBoxWidth(); |
119 | ebd369d0 | Sofia Papagiannaki | updateBorderBoxHeight(); |
120 | ebd369d0 | Sofia Papagiannaki | break; |
121 | ebd369d0 | Sofia Papagiannaki | } |
122 | ebd369d0 | Sofia Papagiannaki | } |
123 | ebd369d0 | Sofia Papagiannaki | } |
124 | ebd369d0 | Sofia Papagiannaki | |
125 | ebd369d0 | Sofia Papagiannaki | /* |
126 | ebd369d0 | Sofia Papagiannaki | * Helper function, taken from Dean Edward's IE7 framework, |
127 | ebd369d0 | Sofia Papagiannaki | * added by Schepp on 12.06.2010. |
128 | ebd369d0 | Sofia Papagiannaki | * http://code.google.com/p/ie7-js/ |
129 | ebd369d0 | Sofia Papagiannaki | * |
130 | ebd369d0 | Sofia Papagiannaki | * Allows us to convert from relative to pixel-values. |
131 | ebd369d0 | Sofia Papagiannaki | */ |
132 | ebd369d0 | Sofia Papagiannaki | function getPixelValue(value){ |
133 | ebd369d0 | Sofia Papagiannaki | var PIXEL = /^\d+(px)?$/i; |
134 | ebd369d0 | Sofia Papagiannaki | if (PIXEL.test(value)) return parseInt(value); |
135 | ebd369d0 | Sofia Papagiannaki | var style = element.style.left; |
136 | ebd369d0 | Sofia Papagiannaki | var runtimeStyle = element.runtimeStyle.left; |
137 | ebd369d0 | Sofia Papagiannaki | element.runtimeStyle.left = element.currentStyle.left; |
138 | ebd369d0 | Sofia Papagiannaki | element.style.left = value || 0; |
139 | ebd369d0 | Sofia Papagiannaki | value = parseInt(element.style.pixelLeft); |
140 | ebd369d0 | Sofia Papagiannaki | element.style.left = style; |
141 | ebd369d0 | Sofia Papagiannaki | element.runtimeStyle.left = runtimeStyle; |
142 | ebd369d0 | Sofia Papagiannaki | |
143 | ebd369d0 | Sofia Papagiannaki | return value; |
144 | ebd369d0 | Sofia Papagiannaki | } |
145 | ebd369d0 | Sofia Papagiannaki | |
146 | ebd369d0 | Sofia Papagiannaki | function getPixelWidth(object, value){ |
147 | ebd369d0 | Sofia Papagiannaki | // For Pixel Values |
148 | ebd369d0 | Sofia Papagiannaki | var PIXEL = /^\d+(px)?$/i; |
149 | ebd369d0 | Sofia Papagiannaki | if (PIXEL.test(value)) return parseInt(value); |
150 | ebd369d0 | Sofia Papagiannaki | |
151 | ebd369d0 | Sofia Papagiannaki | // For Percentage Values |
152 | ebd369d0 | Sofia Papagiannaki | var PERCENT = /^[\d\.]+%$/i; |
153 | ebd369d0 | Sofia Papagiannaki | if (PERCENT.test(value)){ |
154 | ebd369d0 | Sofia Papagiannaki | try{ |
155 | ebd369d0 | Sofia Papagiannaki | parentWidth = getPixelWidth(object.parentElement,(object.parentElement.currentStyle.width != "auto" ? object.parentElement.currentStyle.width : "100%")); |
156 | ebd369d0 | Sofia Papagiannaki | value = (parseFloat(value) / 100) * parentWidth; |
157 | ebd369d0 | Sofia Papagiannaki | } |
158 | ebd369d0 | Sofia Papagiannaki | catch(e){ |
159 | ebd369d0 | Sofia Papagiannaki | value = (parseFloat(value) / 100) * element.document.documentElement.clientWidth; |
160 | ebd369d0 | Sofia Papagiannaki | } |
161 | ebd369d0 | Sofia Papagiannaki | return parseInt(value); |
162 | ebd369d0 | Sofia Papagiannaki | } |
163 | ebd369d0 | Sofia Papagiannaki | |
164 | ebd369d0 | Sofia Papagiannaki | // For EM Values |
165 | ebd369d0 | Sofia Papagiannaki | var style = object.style.left; |
166 | ebd369d0 | Sofia Papagiannaki | var runtimeStyle = object.runtimeStyle.left; |
167 | ebd369d0 | Sofia Papagiannaki | object.runtimeStyle.left = object.currentStyle.left; |
168 | ebd369d0 | Sofia Papagiannaki | object.style.left = value || 0; |
169 | ebd369d0 | Sofia Papagiannaki | value = parseInt(object.style.pixelLeft); |
170 | ebd369d0 | Sofia Papagiannaki | object.style.left = style; |
171 | ebd369d0 | Sofia Papagiannaki | object.runtimeStyle.left = runtimeStyle; |
172 | ebd369d0 | Sofia Papagiannaki | |
173 | ebd369d0 | Sofia Papagiannaki | return value; |
174 | ebd369d0 | Sofia Papagiannaki | } |
175 | ebd369d0 | Sofia Papagiannaki | |
176 | ebd369d0 | Sofia Papagiannaki | |
177 | ebd369d0 | Sofia Papagiannaki | /* |
178 | ebd369d0 | Sofia Papagiannaki | * getBorderWidth & friends |
179 | ebd369d0 | Sofia Papagiannaki | * Border width getters |
180 | ebd369d0 | Sofia Papagiannaki | */ |
181 | ebd369d0 | Sofia Papagiannaki | function getBorderWidth(sSide){ |
182 | ebd369d0 | Sofia Papagiannaki | if(element.currentStyle["border" + sSide + "Style"] == "none"){ |
183 | ebd369d0 | Sofia Papagiannaki | return 0; |
184 | ebd369d0 | Sofia Papagiannaki | } |
185 | ebd369d0 | Sofia Papagiannaki | var n = getPixelValue(element.currentStyle["border" + sSide + "Width"]); |
186 | ebd369d0 | Sofia Papagiannaki | return n || 0; |
187 | ebd369d0 | Sofia Papagiannaki | } |
188 | ebd369d0 | Sofia Papagiannaki | function getBorderLeftWidth() { return getBorderWidth("Left"); } |
189 | ebd369d0 | Sofia Papagiannaki | function getBorderRightWidth() { return getBorderWidth("Right"); } |
190 | ebd369d0 | Sofia Papagiannaki | function getBorderTopWidth() { return getBorderWidth("Top"); } |
191 | ebd369d0 | Sofia Papagiannaki | function getBorderBottomWidth() { return getBorderWidth("Bottom"); } |
192 | ebd369d0 | Sofia Papagiannaki | |
193 | ebd369d0 | Sofia Papagiannaki | |
194 | ebd369d0 | Sofia Papagiannaki | /* |
195 | ebd369d0 | Sofia Papagiannaki | * getPadding & friends |
196 | ebd369d0 | Sofia Papagiannaki | * Padding width getters |
197 | ebd369d0 | Sofia Papagiannaki | */ |
198 | ebd369d0 | Sofia Papagiannaki | function getPadding(sSide) { |
199 | ebd369d0 | Sofia Papagiannaki | var n = getPixelValue(element.currentStyle["padding" + sSide]); |
200 | ebd369d0 | Sofia Papagiannaki | return n || 0; |
201 | ebd369d0 | Sofia Papagiannaki | } |
202 | ebd369d0 | Sofia Papagiannaki | function getPaddingLeft() { return getPadding("Left"); } |
203 | ebd369d0 | Sofia Papagiannaki | function getPaddingRight() { return getPadding("Right"); } |
204 | ebd369d0 | Sofia Papagiannaki | function getPaddingTop() { return getPadding("Top"); } |
205 | ebd369d0 | Sofia Papagiannaki | function getPaddingBottom() { return getPadding("Bottom"); } |
206 | ebd369d0 | Sofia Papagiannaki | |
207 | ebd369d0 | Sofia Papagiannaki | |
208 | ebd369d0 | Sofia Papagiannaki | |
209 | ebd369d0 | Sofia Papagiannaki | /* |
210 | ebd369d0 | Sofia Papagiannaki | * getBoxSizing |
211 | ebd369d0 | Sofia Papagiannaki | * Get the box-sizing value for the current element |
212 | ebd369d0 | Sofia Papagiannaki | */ |
213 | ebd369d0 | Sofia Papagiannaki | function getBoxSizing(){ |
214 | ebd369d0 | Sofia Papagiannaki | var s = element.style; |
215 | ebd369d0 | Sofia Papagiannaki | var cs = element.currentStyle |
216 | ebd369d0 | Sofia Papagiannaki | if(typeof s.boxSizing != "undefined" && s.boxSizing != ""){ |
217 | ebd369d0 | Sofia Papagiannaki | return s.boxSizing; |
218 | ebd369d0 | Sofia Papagiannaki | } |
219 | ebd369d0 | Sofia Papagiannaki | if(typeof s["box-sizing"] != "undefined" && s["box-sizing"] != ""){ |
220 | ebd369d0 | Sofia Papagiannaki | return s["box-sizing"]; |
221 | ebd369d0 | Sofia Papagiannaki | } |
222 | ebd369d0 | Sofia Papagiannaki | if(typeof cs.boxSizing != "undefined" && cs.boxSizing != ""){ |
223 | ebd369d0 | Sofia Papagiannaki | return cs.boxSizing; |
224 | ebd369d0 | Sofia Papagiannaki | } |
225 | ebd369d0 | Sofia Papagiannaki | if(typeof cs["box-sizing"] != "undefined" && cs["box-sizing"] != ""){ |
226 | ebd369d0 | Sofia Papagiannaki | return cs["box-sizing"]; |
227 | ebd369d0 | Sofia Papagiannaki | } |
228 | ebd369d0 | Sofia Papagiannaki | return getDocumentBoxSizing(); |
229 | ebd369d0 | Sofia Papagiannaki | } |
230 | ebd369d0 | Sofia Papagiannaki | |
231 | ebd369d0 | Sofia Papagiannaki | |
232 | ebd369d0 | Sofia Papagiannaki | /* |
233 | ebd369d0 | Sofia Papagiannaki | * getDocumentBoxSizing |
234 | ebd369d0 | Sofia Papagiannaki | * Get the default document box sizing (check for quirks mode) |
235 | ebd369d0 | Sofia Papagiannaki | */ |
236 | ebd369d0 | Sofia Papagiannaki | function getDocumentBoxSizing(){ |
237 | ebd369d0 | Sofia Papagiannaki | if(doc.compatMode == null || doc.compatMode == "BackCompat"){ |
238 | ebd369d0 | Sofia Papagiannaki | return "border-box"; |
239 | ebd369d0 | Sofia Papagiannaki | } |
240 | ebd369d0 | Sofia Papagiannaki | return "content-box" |
241 | ebd369d0 | Sofia Papagiannaki | } |
242 | ebd369d0 | Sofia Papagiannaki | |
243 | ebd369d0 | Sofia Papagiannaki | |
244 | ebd369d0 | Sofia Papagiannaki | /* |
245 | ebd369d0 | Sofia Papagiannaki | * setBorderBoxWidth & friends |
246 | ebd369d0 | Sofia Papagiannaki | * Width and height setters |
247 | ebd369d0 | Sofia Papagiannaki | */ |
248 | ebd369d0 | Sofia Papagiannaki | function setBorderBoxWidth(n){ |
249 | ebd369d0 | Sofia Papagiannaki | element.runtimeStyle.width = Math.max(0, n - getBorderLeftWidth() - |
250 | ebd369d0 | Sofia Papagiannaki | getPaddingLeft() - getPaddingRight() - getBorderRightWidth()) + "px"; |
251 | ebd369d0 | Sofia Papagiannaki | } |
252 | ebd369d0 | Sofia Papagiannaki | function setBorderBoxHeight(n){ |
253 | ebd369d0 | Sofia Papagiannaki | element.runtimeStyle.height = Math.max(0, n - getBorderTopWidth() - |
254 | ebd369d0 | Sofia Papagiannaki | getPaddingTop() - getPaddingBottom() - getBorderBottomWidth()) + "px"; |
255 | ebd369d0 | Sofia Papagiannaki | } |
256 | ebd369d0 | Sofia Papagiannaki | function setContentBoxWidth(n){ |
257 | ebd369d0 | Sofia Papagiannaki | element.runtimeStyle.width = Math.max(0, n + getBorderLeftWidth() + |
258 | ebd369d0 | Sofia Papagiannaki | getPaddingLeft() + getPaddingRight() + getBorderRightWidth()) + "px"; |
259 | ebd369d0 | Sofia Papagiannaki | } |
260 | ebd369d0 | Sofia Papagiannaki | function setContentBoxHeight(n){ |
261 | ebd369d0 | Sofia Papagiannaki | element.runtimeStyle.height = Math.max(0, n + getBorderTopWidth() + |
262 | ebd369d0 | Sofia Papagiannaki | getPaddingTop() + getPaddingBottom() + getBorderBottomWidth()) + "px"; |
263 | ebd369d0 | Sofia Papagiannaki | } |
264 | ebd369d0 | Sofia Papagiannaki | |
265 | ebd369d0 | Sofia Papagiannaki | |
266 | ebd369d0 | Sofia Papagiannaki | /* |
267 | ebd369d0 | Sofia Papagiannaki | * updateBorderBoxWidth & updateBorderBoxHeight |
268 | ebd369d0 | Sofia Papagiannaki | * |
269 | ebd369d0 | Sofia Papagiannaki | */ |
270 | ebd369d0 | Sofia Papagiannaki | function updateBorderBoxWidth() { |
271 | ebd369d0 | Sofia Papagiannaki | if(getDocumentBoxSizing() == getBoxSizing()){ |
272 | ebd369d0 | Sofia Papagiannaki | return; |
273 | ebd369d0 | Sofia Papagiannaki | } |
274 | ebd369d0 | Sofia Papagiannaki | var csw = element.currentStyle.width; |
275 | ebd369d0 | Sofia Papagiannaki | if(csw != "auto"){ |
276 | ebd369d0 | Sofia Papagiannaki | csw = getPixelWidth(element,csw); |
277 | ebd369d0 | Sofia Papagiannaki | if(getBoxSizing() == "border-box"){ |
278 | ebd369d0 | Sofia Papagiannaki | setBorderBoxWidth(parseInt(csw)); |
279 | ebd369d0 | Sofia Papagiannaki | } |
280 | ebd369d0 | Sofia Papagiannaki | else{ |
281 | ebd369d0 | Sofia Papagiannaki | setContentBoxWidth(parseInt(csw)); |
282 | ebd369d0 | Sofia Papagiannaki | } |
283 | ebd369d0 | Sofia Papagiannaki | } |
284 | ebd369d0 | Sofia Papagiannaki | } |
285 | ebd369d0 | Sofia Papagiannaki | |
286 | ebd369d0 | Sofia Papagiannaki | function updateBorderBoxHeight() { |
287 | ebd369d0 | Sofia Papagiannaki | if(getDocumentBoxSizing() == getBoxSizing()){ |
288 | ebd369d0 | Sofia Papagiannaki | return; |
289 | ebd369d0 | Sofia Papagiannaki | } |
290 | ebd369d0 | Sofia Papagiannaki | var csh = element.currentStyle.height; |
291 | ebd369d0 | Sofia Papagiannaki | if(csh != "auto"){ |
292 | ebd369d0 | Sofia Papagiannaki | csh = getPixelValue(csh); |
293 | ebd369d0 | Sofia Papagiannaki | if(getBoxSizing() == "border-box"){ |
294 | ebd369d0 | Sofia Papagiannaki | setBorderBoxHeight(parseInt(csh)); |
295 | ebd369d0 | Sofia Papagiannaki | } |
296 | ebd369d0 | Sofia Papagiannaki | else{ |
297 | ebd369d0 | Sofia Papagiannaki | setContentBoxHeight(parseInt(csh)); |
298 | ebd369d0 | Sofia Papagiannaki | } |
299 | ebd369d0 | Sofia Papagiannaki | } |
300 | ebd369d0 | Sofia Papagiannaki | } |
301 | ebd369d0 | Sofia Papagiannaki | |
302 | ebd369d0 | Sofia Papagiannaki | |
303 | ebd369d0 | Sofia Papagiannaki | // Run the calculations |
304 | ebd369d0 | Sofia Papagiannaki | init(); |
305 | ebd369d0 | Sofia Papagiannaki | |
306 | ebd369d0 | Sofia Papagiannaki | //]]> |
307 | ebd369d0 | Sofia Papagiannaki | </script> |
308 | ebd369d0 | Sofia Papagiannaki | </component> |