Ext.util.CSS.html
9.41 KB
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<div class="body-wrap">
<div class="top-tools">
<a class="inner-link" href="#Ext.util.CSS-props"><img src="../resources/images/default/s_wev8.gif" class="item-icon icon-prop">Properties</a>
<a class="inner-link" href="#Ext.util.CSS-methods"><img src="../resources/images/default/s_wev8.gif" class="item-icon icon-method">Methods</a>
<a class="inner-link" href="#Ext.util.CSS-events"><img src="../resources/images/default/s_wev8.gif" class="item-icon icon-event">Events</a>
<a class="bookmark" href="../docs/?class=Ext.util_wev8.CSS"><img src="../resources/images/default/s_wev8.gif" class="item-icon icon-fav">Direct Link</a>
</div>
<h1>Class Ext.util_wev8.CSS</h1>
<table cellspacing="0">
<tr><td class="label">Package:</td><td class="hd-info">Ext.util</td></tr>
<tr><td class="label">Defined In:</td><td class="hd-info"><a href="../source/util/CSS_wev8.js" target="_blank">CSS_wev8.js</a></td></tr>
<tr><td class="label">Class:</td><td class="hd-info">CSS</td></tr>
<tr><td class="label">Extends:</td><td class="hd-info">Object</td></tr>
</table>
<div class="description">
Utility class for manipulating CSS rules<br><br><i>This class is a singleton and cannot be created directly.</i> </div>
<div class="hr"></div>
<a id="Ext.util.CSS-props"></a>
<h2>Public Properties</h2>
<div class="no-members">This class has no public properties.</div> <a id="Ext.util.CSS-methods"></a>
<h2>Public Methods</h2>
<table cellspacing="0" class="member-table">
<tr>
<th class="sig-header" colspan="2">Method</th>
<th class="msource-header">Defined By</th>
</tr>
<tr class="method-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.util.CSS-createStyleSheet"></a>
<b>createStyleSheet</b>( <code>String cssText</code>, <code>String id</code> ) : StyleSheet <div class="mdesc">
<div class="short">Creates a stylesheet from a text blob of rules.
These rules will be wrapped in a STYLE tag and appended to the HEAD o...</div>
<div class="long">
Creates a stylesheet from a text blob of rules.
These rules will be wrapped in a STYLE tag and appended to the HEAD of the document. <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>cssText</code> : String<div class="sub-desc">The text containing the css rules</div></li><li><code>id</code> : String<div class="sub-desc">An id to add to the stylesheet for later removal</div></li> </ul>
<strong>Returns:</strong>
<ul>
<li><code>StyleSheet</code></li>
</ul>
</div>
</div>
</div>
</td>
<td class="msource">CSS</td>
</tr>
<tr class="method-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.util.CSS-getRule"></a>
<b>getRule</b>( <code>String/Array selector</code>, <code>Boolean refreshCache</code> ) : CSSRule <div class="mdesc">
<div class="short">Gets an an individual CSS rule by selector(s)</div>
<div class="long">
Gets an an individual CSS rule by selector(s) <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>selector</code> : String/Array<div class="sub-desc">The CSS selector or an array of selectors to try. The first selector that is found is returned.</div></li><li><code>refreshCache</code> : Boolean<div class="sub-desc">true to refresh the internal cache if you have recently updated any rules or added styles dynamically</div></li> </ul>
<strong>Returns:</strong>
<ul>
<li><code>CSSRule</code><div class="sub-desc">The CSS rule or null if one is not found</div></li>
</ul>
</div>
</div>
</div>
</td>
<td class="msource">CSS</td>
</tr>
<tr class="method-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.util.CSS-getRules"></a>
<b>getRules</b>( <code>Boolean refreshCache</code> ) : Object <div class="mdesc">
<div class="short">Gets all css rules for the document</div>
<div class="long">
Gets all css rules for the document <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>refreshCache</code> : Boolean<div class="sub-desc">true to refresh the internal cache</div></li> </ul>
<strong>Returns:</strong>
<ul>
<li><code>Object</code><div class="sub-desc">An object (hash) of rules indexed by selector</div></li>
</ul>
</div>
</div>
</div>
</td>
<td class="msource">CSS</td>
</tr>
<tr class="method-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.util.CSS-refreshCache"></a>
<b>refreshCache</b>() : Object <div class="mdesc">
<div class="short">Refresh the rule cache if you have dynamically added stylesheets</div>
<div class="long">
Refresh the rule cache if you have dynamically added stylesheets <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li>None.</li> </ul>
<strong>Returns:</strong>
<ul>
<li><code>Object</code><div class="sub-desc">An object (hash) of rules indexed by selector</div></li>
</ul>
</div>
</div>
</div>
</td>
<td class="msource">CSS</td>
</tr>
<tr class="method-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.util.CSS-removeStyleSheet"></a>
<b>removeStyleSheet</b>( <code>String id</code> ) : void <div class="mdesc">
<div class="short">Removes a style or link tag by id</div>
<div class="long">
Removes a style or link tag by id <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>id</code> : String<div class="sub-desc">The id of the tag</div></li> </ul>
<strong>Returns:</strong>
<ul>
<li><code>void</code></li>
</ul>
</div>
</div>
</div>
</td>
<td class="msource">CSS</td>
</tr>
<tr class="method-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.util.CSS-swapStyleSheet"></a>
<b>swapStyleSheet</b>( <code>String id</code>, <code>String url</code> ) : void <div class="mdesc">
<div class="short">Dynamically swaps an existing stylesheet reference for a new one</div>
<div class="long">
Dynamically swaps an existing stylesheet reference for a new one <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>id</code> : String<div class="sub-desc">The id of an existing link tag to remove</div></li><li><code>url</code> : String<div class="sub-desc">The href of the new stylesheet to include</div></li> </ul>
<strong>Returns:</strong>
<ul>
<li><code>void</code></li>
</ul>
</div>
</div>
</div>
</td>
<td class="msource">CSS</td>
</tr>
<tr class="method-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.util.CSS-updateRule"></a>
<b>updateRule</b>( <code>String/Array selector</code>, <code>String property</code>, <code>String value</code> ) : Boolean <div class="mdesc">
<div class="short">Updates a rule property</div>
<div class="long">
Updates a rule property <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>selector</code> : String/Array<div class="sub-desc">If it's an array it tries each selector until it finds one. Stops immediately once one is found.</div></li><li><code>property</code> : String<div class="sub-desc">The css property</div></li><li><code>value</code> : String<div class="sub-desc">The new value for the property</div></li> </ul>
<strong>Returns:</strong>
<ul>
<li><code>Boolean</code><div class="sub-desc">true If a rule was found and updated</div></li>
</ul>
</div>
</div>
</div>
</td>
<td class="msource">CSS</td>
</tr>
</table>
<a id="Ext.util.CSS-events"></a>
<h2>Public Events</h2>
<div class="no-members">This class has no public events.</div>
</div>