1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
/* ************************************************************************
qooxdoo - the new era of web development
http://qooxdoo.org
Copyright:
2004-2006 by 1&1 Internet AG, Germany, http://www.1and1.org
License:
LGPL 2.1: http://www.gnu.org/licenses/lgpl.html
Authors:
* Sebastian Werner (wpbasti)
* Andreas Ecker (ecker)
************************************************************************ */
/* ************************************************************************
#module(ui_core)
#require(qx.sys.Client)
************************************************************************ */
qx.OO.defineClass("qx.dom.Style");
if (Boolean(document.defaultView) && Boolean(document.defaultView.getComputedStyle))
{
qx.dom.Style.getStylePropertySure = function(el, prop) { return !el ? null : el.ownerDocument ? el.ownerDocument.defaultView.getComputedStyle(el, "")[prop] : el.style[prop]; }
qx.dom.Style.getStyleProperty = function(el, prop)
{
try
{
return el.ownerDocument.defaultView.getComputedStyle(el, "")[prop];
}
catch(ex)
{
throw new Error("Could not evaluate computed style: " + el + "[" + prop + "]: " + ex);
}
}
}
else if (qx.sys.Client.getInstance().isMshtml())
{
qx.dom.Style.getStyleProperty = function(el, prop)
{
try
{
return el.currentStyle[prop];
}
catch(ex)
{
throw new Error("Could not evaluate computed style: " + el + "[" + prop + "]: " + ex);
}
}
qx.dom.Style.getStylePropertySure = function(el, prop)
{
try
{
if (!el) {
return null;
}
if (el.parentNode && el.currentStyle)
{
return el.currentStyle[prop];
}
else
{
var v1 = el.runtimeStyle[prop];
if (v1 != null && typeof v1 != "undefined" && v1 != "") {
return v1;
}
return el.style[prop];
}
}
catch(ex)
{
throw new Error("Could not evaluate computed style: " + el + "[" + prop + "]: " + ex);
}
}
}
else
{
qx.dom.Style.getStylePropertySure = function(el, prop) { return !el ? null : el.style[prop]; }
qx.dom.Style.getStyleProperty = function(el, prop)
{
try
{
return el.style[prop];
}
catch(ex)
{
throw new Error("Could not evaluate computed style: " + el + "[" + prop + "]");
}
}
}
qx.dom.Style.getStyleSize = function(el, prop) { return parseInt(qx.dom.Style.getStyleProperty(el, prop)) || 0; }
// Properties
qx.dom.Style.getMarginLeft = function(el) { return qx.dom.Style.getStyleSize(el, "marginLeft"); }
qx.dom.Style.getMarginTop = function(el) { return qx.dom.Style.getStyleSize(el, "marginTop"); }
qx.dom.Style.getMarginRight = function(el) { return qx.dom.Style.getStyleSize(el, "marginRight"); }
qx.dom.Style.getMarginBottom = function(el) { return qx.dom.Style.getStyleSize(el, "marginBottom"); }
qx.dom.Style.getPaddingLeft = function(el) { return qx.dom.Style.getStyleSize(el, "paddingLeft"); }
qx.dom.Style.getPaddingTop = function(el) { return qx.dom.Style.getStyleSize(el, "paddingTop"); }
qx.dom.Style.getPaddingRight = function(el) { return qx.dom.Style.getStyleSize(el, "paddingRight"); }
qx.dom.Style.getPaddingBottom = function(el) { return qx.dom.Style.getStyleSize(el, "paddingBottom"); }
qx.dom.Style.getBorderLeft = function(el) { return qx.dom.Style.getStyleProperty(el, "borderLeftStyle") == "none" ? 0 : qx.dom.Style.getStyleSize(el, "borderLeftWidth"); }
qx.dom.Style.getBorderTop = function(el) { return qx.dom.Style.getStyleProperty(el, "borderTopStyle") == "none" ? 0 : qx.dom.Style.getStyleSize(el, "borderTopWidth"); }
qx.dom.Style.getBorderRight = function(el) { return qx.dom.Style.getStyleProperty(el, "borderRightStyle") == "none" ? 0 : qx.dom.Style.getStyleSize(el, "borderRightWidth"); }
qx.dom.Style.getBorderBottom = function(el) { return qx.dom.Style.getStyleProperty(el, "borderBottomStyle") == "none" ? 0 : qx.dom.Style.getStyleSize(el, "borderBottomWidth"); }
|