1
|
|
|
/*
|
2
|
|
|
cssQuery, version 2.0.2 (2005-08-19)
|
3
|
|
|
Copyright: 2004-2005, Dean Edwards (http://dean.edwards.name/)
|
4
|
|
|
License: http://creativecommons.org/licenses/LGPL/2.1/
|
5
|
|
|
*/
|
6
|
|
|
|
7
|
|
|
// the following functions allow querying of the DOM using CSS selectors
|
8
|
|
|
var cssQuery = function() {
|
9
|
|
|
var version = "2.0.2";
|
10
|
|
|
|
11
|
|
|
// -----------------------------------------------------------------------
|
12
|
|
|
// main query function
|
13
|
|
|
// -----------------------------------------------------------------------
|
14
|
|
|
|
15
|
|
|
var $COMMA = /\s*,\s*/;
|
16
|
|
|
var cssQuery = function($selector, $$from) {
|
17
|
|
|
try {
|
18
|
|
|
var $match = [];
|
19
|
|
|
var $useCache = arguments.callee.caching && !$$from;
|
20
|
|
|
var $base = ($$from) ? ($$from.constructor == Array) ? $$from : [$$from] : [document];
|
21
|
|
|
// process comma separated selectors
|
22
|
|
|
var $$selectors = parseSelector($selector).split($COMMA), i;
|
23
|
|
|
for (i = 0; i < $$selectors.length; i++) {
|
24
|
|
|
// convert the selector to a stream
|
25
|
|
|
$selector = _toStream($$selectors[i]);
|
26
|
|
|
// faster chop if it starts with id (MSIE only)
|
27
|
|
|
if (isMSIE && $selector.slice(0, 3).join("") == " *#") {
|
28
|
|
|
$selector = $selector.slice(2);
|
29
|
|
|
$$from = _msie_selectById([], $base, $selector[1]);
|
30
|
|
|
} else $$from = $base;
|
31
|
|
|
// process the stream
|
32
|
|
|
var j = 0, $token, $filter, $arguments, $cacheSelector = "";
|
33
|
|
|
while (j < $selector.length) {
|
34
|
|
|
$token = $selector[j++];
|
35
|
|
|
$filter = $selector[j++];
|
36
|
|
|
$cacheSelector += $token + $filter;
|
37
|
|
|
// some pseudo-classes allow arguments to be passed
|
38
|
|
|
// e.g. nth-child(even)
|
39
|
|
|
$arguments = "";
|
40
|
|
|
if ($selector[j] == "(") {
|
41
|
|
|
while ($selector[j++] != ")" && j < $selector.length) {
|
42
|
|
|
$arguments += $selector[j];
|
43
|
|
|
}
|
44
|
|
|
$arguments = $arguments.slice(0, -1);
|
45
|
|
|
$cacheSelector += "(" + $arguments + ")";
|
46
|
|
|
}
|
47
|
|
|
// process a token/filter pair use cached results if possible
|
48
|
|
|
$$from = ($useCache && cache[$cacheSelector]) ?
|
49
|
|
|
cache[$cacheSelector] : select($$from, $token, $filter, $arguments);
|
50
|
|
|
if ($useCache) cache[$cacheSelector] = $$from;
|
51
|
|
|
}
|
52
|
|
|
$match = $match.concat($$from);
|
53
|
|
|
}
|
54
|
|
|
delete cssQuery.error;
|
55
|
|
|
return $match;
|
56
|
|
|
} catch ($error) {
|
57
|
|
|
cssQuery.error = $error;
|
58
|
|
|
return [];
|
59
|
|
|
}};
|
60
|
|
|
|
61
|
|
|
// -----------------------------------------------------------------------
|
62
|
|
|
// public interface
|
63
|
|
|
// -----------------------------------------------------------------------
|
64
|
|
|
|
65
|
|
|
cssQuery.toString = function() {
|
66
|
|
|
return "function cssQuery() {\n [version " + version + "]\n}";
|
67
|
|
|
};
|
68
|
|
|
|
69
|
|
|
// caching
|
70
|
|
|
var cache = {};
|
71
|
|
|
cssQuery.caching = false;
|
72
|
|
|
cssQuery.clearCache = function($selector) {
|
73
|
|
|
if ($selector) {
|
74
|
|
|
$selector = _toStream($selector).join("");
|
75
|
|
|
delete cache[$selector];
|
76
|
|
|
} else cache = {};
|
77
|
|
|
};
|
78
|
|
|
|
79
|
|
|
// allow extensions
|
80
|
|
|
var modules = {};
|
81
|
|
|
var loaded = false;
|
82
|
|
|
cssQuery.addModule = function($name, $script) {
|
83
|
|
|
if (loaded) eval("$script=" + String($script));
|
|
|
|
|
84
|
|
|
modules[$name] = new $script();;
|
85
|
|
|
};
|
86
|
|
|
|
87
|
|
|
// hackery
|
88
|
|
|
cssQuery.valueOf = function($code) {
|
89
|
|
|
return $code ? eval($code) : this;
|
|
|
|
|
90
|
|
|
};
|
91
|
|
|
|
92
|
|
|
// -----------------------------------------------------------------------
|
93
|
|
|
// declarations
|
94
|
|
|
// -----------------------------------------------------------------------
|
95
|
|
|
|
96
|
|
|
var selectors = {};
|
97
|
|
|
var pseudoClasses = {};
|
98
|
|
|
// a safari bug means that these have to be declared here
|
99
|
|
|
var AttributeSelector = {match: /\[([\w-]+(\|[\w-]+)?)\s*(\W?=)?\s*([^\]]*)\]/};
|
|
|
|
|
100
|
|
|
var attributeSelectors = [];
|
|
|
|
|
101
|
|
|
|
102
|
|
|
// -----------------------------------------------------------------------
|
103
|
|
|
// selectors
|
104
|
|
|
// -----------------------------------------------------------------------
|
105
|
|
|
|
106
|
|
|
// descendant selector
|
107
|
|
|
selectors[" "] = function($results, $from, $tagName, $namespace) {
|
108
|
|
|
// loop through current selection
|
109
|
|
|
var $element, i, j;
|
110
|
|
|
for (i = 0; i < $from.length; i++) {
|
111
|
|
|
// get descendants
|
112
|
|
|
var $subset = getElementsByTagName($from[i], $tagName, $namespace);
|
113
|
|
|
// loop through descendants and add to results selection
|
114
|
|
|
for (j = 0; ($element = $subset[j]); j++) {
|
115
|
|
|
if (thisElement($element) && compareNamespace($element, $namespace))
|
116
|
|
|
$results.push($element);
|
117
|
|
|
}
|
118
|
|
|
}
|
119
|
|
|
};
|
120
|
|
|
|
121
|
|
|
// ID selector
|
122
|
|
|
selectors["#"] = function($results, $from, $id) {
|
123
|
|
|
// loop through current selection and check ID
|
124
|
|
|
var $element, j;
|
125
|
|
|
for (j = 0; ($element = $from[j]); j++) if ($element.id == $id) $results.push($element);
|
126
|
|
|
};
|
127
|
|
|
|
128
|
|
|
// class selector
|
129
|
|
|
selectors["."] = function($results, $from, $className) {
|
130
|
|
|
// create a RegExp version of the class
|
131
|
|
|
$className = new RegExp("(^|\\s)" + $className + "(\\s|$)");
|
132
|
|
|
// loop through current selection and check class
|
133
|
|
|
var $element, i;
|
134
|
|
|
for (i = 0; ($element = $from[i]); i++)
|
135
|
|
|
if ($className.test($element.className)) $results.push($element);
|
136
|
|
|
};
|
137
|
|
|
|
138
|
|
|
// pseudo-class selector
|
139
|
|
|
selectors[":"] = function($results, $from, $pseudoClass, $arguments) {
|
140
|
|
|
// retrieve the cssQuery pseudo-class function
|
141
|
|
|
var $test = pseudoClasses[$pseudoClass], $element, i;
|
142
|
|
|
// loop through current selection and apply pseudo-class filter
|
143
|
|
|
if ($test) for (i = 0; ($element = $from[i]); i++)
|
144
|
|
|
// if the cssQuery pseudo-class function returns "true" add the element
|
145
|
|
|
if ($test($element, $arguments)) $results.push($element);
|
146
|
|
|
};
|
147
|
|
|
|
148
|
|
|
// -----------------------------------------------------------------------
|
149
|
|
|
// pseudo-classes
|
150
|
|
|
// -----------------------------------------------------------------------
|
151
|
|
|
|
152
|
|
|
pseudoClasses["link"] = function($element) {
|
153
|
|
|
var $document = getDocument($element);
|
154
|
|
|
if ($document.links) for (var i = 0; i < $document.links.length; i++) {
|
|
|
|
|
155
|
|
|
if ($document.links[i] == $element) return true;
|
156
|
|
|
}
|
|
|
|
|
157
|
|
|
};
|
158
|
|
|
|
159
|
|
|
pseudoClasses["visited"] = function($element) {
|
|
|
|
|
160
|
|
|
// can't do this without jiggery-pokery
|
161
|
|
|
};
|
162
|
|
|
|
163
|
|
|
// -----------------------------------------------------------------------
|
164
|
|
|
// DOM traversal
|
165
|
|
|
// -----------------------------------------------------------------------
|
166
|
|
|
|
167
|
|
|
// IE5/6 includes comments (LOL) in it's elements collections.
|
168
|
|
|
// so we have to check for this. the test is tagName != "!". LOL (again).
|
169
|
|
|
var thisElement = function($element) {
|
170
|
|
|
return ($element && $element.nodeType == 1 && $element.tagName != "!") ? $element : null;
|
171
|
|
|
};
|
172
|
|
|
|
173
|
|
|
// return the previous element to the supplied element
|
174
|
|
|
// previousSibling is not good enough as it might return a text or comment node
|
175
|
|
|
var previousElementSibling = function($element) {
|
176
|
|
|
while ($element && ($element = $element.previousSibling) && !thisElement($element)) continue;
|
177
|
|
|
return $element;
|
178
|
|
|
};
|
179
|
|
|
|
180
|
|
|
// return the next element to the supplied element
|
181
|
|
|
var nextElementSibling = function($element) {
|
182
|
|
|
while ($element && ($element = $element.nextSibling) && !thisElement($element)) continue;
|
183
|
|
|
return $element;
|
184
|
|
|
};
|
185
|
|
|
|
186
|
|
|
// return the first child ELEMENT of an element
|
187
|
|
|
// NOT the first child node (though they may be the same thing)
|
188
|
|
|
var firstElementChild = function($element) {
|
189
|
|
|
return thisElement($element.firstChild) || nextElementSibling($element.firstChild);
|
190
|
|
|
};
|
191
|
|
|
|
192
|
|
|
var lastElementChild = function($element) {
|
|
|
|
|
193
|
|
|
return thisElement($element.lastChild) || previousElementSibling($element.lastChild);
|
194
|
|
|
};
|
195
|
|
|
|
196
|
|
|
// return child elements of an element (not child nodes)
|
197
|
|
|
var childElements = function($element) {
|
|
|
|
|
198
|
|
|
var $childElements = [];
|
199
|
|
|
$element = firstElementChild($element);
|
200
|
|
|
while ($element) {
|
201
|
|
|
$childElements.push($element);
|
202
|
|
|
$element = nextElementSibling($element);
|
203
|
|
|
}
|
204
|
|
|
return $childElements;
|
205
|
|
|
};
|
206
|
|
|
|
207
|
|
|
// -----------------------------------------------------------------------
|
208
|
|
|
// browser compatibility
|
209
|
|
|
// -----------------------------------------------------------------------
|
210
|
|
|
|
211
|
|
|
// all of the functions in this section can be overwritten. the default
|
212
|
|
|
// configuration is for IE. The functions below reflect this. standard
|
213
|
|
|
// methods are included in a separate module. It would probably be better
|
214
|
|
|
// the other way round of course but this makes it easier to keep IE7 trim.
|
215
|
|
|
|
216
|
|
|
var isMSIE = true;
|
217
|
|
|
|
218
|
|
|
var isXML = function($element) {
|
219
|
|
|
var $document = getDocument($element);
|
220
|
|
|
return (typeof $document.mimeType == "unknown") ?
|
221
|
|
|
/\.xml$/i.test($document.URL) :
|
222
|
|
|
Boolean($document.mimeType == "XML Document");
|
223
|
|
|
};
|
224
|
|
|
|
225
|
|
|
// return the element's containing document
|
226
|
|
|
var getDocument = function($element) {
|
227
|
|
|
return $element.ownerDocument || $element.document;
|
228
|
|
|
};
|
229
|
|
|
|
230
|
|
|
var getElementsByTagName = function($element, $tagName) {
|
231
|
|
|
return ($tagName == "*" && $element.all) ? $element.all : $element.getElementsByTagName($tagName);
|
232
|
|
|
};
|
233
|
|
|
|
234
|
|
|
var compareTagName = function($element, $tagName, $namespace) {
|
|
|
|
|
235
|
|
|
if ($tagName == "*") return thisElement($element);
|
236
|
|
|
if (!compareNamespace($element, $namespace)) return false;
|
237
|
|
|
if (!isXML($element)) $tagName = $tagName.toUpperCase();
|
238
|
|
|
return $element.tagName == $tagName;
|
239
|
|
|
};
|
240
|
|
|
|
241
|
|
|
var compareNamespace = function($element, $namespace) {
|
242
|
|
|
return !$namespace || ($namespace == "*") || ($element.scopeName == $namespace);
|
243
|
|
|
};
|
244
|
|
|
|
245
|
|
|
var getTextContent = function($element) {
|
|
|
|
|
246
|
|
|
return $element.innerText;
|
247
|
|
|
};
|
248
|
|
|
|
249
|
|
|
function _msie_selectById($results, $from, id) {
|
250
|
|
|
var $match, i, j;
|
251
|
|
|
for (i = 0; i < $from.length; i++) {
|
252
|
|
|
if ($match = $from[i].all.item(id)) {
|
253
|
|
|
if ($match.id == id) $results.push($match);
|
254
|
|
|
else if ($match.length != null) {
|
255
|
|
|
for (j = 0; j < $match.length; j++) {
|
256
|
|
|
if ($match[j].id == id) $results.push($match[j]);
|
257
|
|
|
}
|
258
|
|
|
}
|
259
|
|
|
}
|
260
|
|
|
}
|
261
|
|
|
return $results;
|
262
|
|
|
};
|
263
|
|
|
|
264
|
|
|
// for IE5.0
|
265
|
|
|
if (![].push) Array.prototype.push = function() {
|
|
|
|
|
266
|
|
|
for (var i = 0; i < arguments.length; i++) {
|
267
|
|
|
this[this.length] = arguments[i];
|
268
|
|
|
}
|
269
|
|
|
return this.length;
|
270
|
|
|
};
|
271
|
|
|
|
272
|
|
|
// -----------------------------------------------------------------------
|
273
|
|
|
// query support
|
274
|
|
|
// -----------------------------------------------------------------------
|
275
|
|
|
|
276
|
|
|
// select a set of matching elements.
|
277
|
|
|
// "from" is an array of elements.
|
278
|
|
|
// "token" is a character representing the type of filter
|
279
|
|
|
// e.g. ">" means child selector
|
280
|
|
|
// "filter" represents the tag name, id or class name that is being selected
|
281
|
|
|
// the function returns an array of matching elements
|
282
|
|
|
var $NAMESPACE = /\|/;
|
283
|
|
|
function select($$from, $token, $filter, $arguments) {
|
284
|
|
|
if ($NAMESPACE.test($filter)) {
|
285
|
|
|
$filter = $filter.split($NAMESPACE);
|
286
|
|
|
$arguments = $filter[0];
|
287
|
|
|
$filter = $filter[1];
|
288
|
|
|
}
|
289
|
|
|
var $results = [];
|
290
|
|
|
if (selectors[$token]) {
|
291
|
|
|
selectors[$token]($results, $$from, $filter, $arguments);
|
292
|
|
|
}
|
293
|
|
|
return $results;
|
294
|
|
|
};
|
295
|
|
|
|
296
|
|
|
// -----------------------------------------------------------------------
|
297
|
|
|
// parsing
|
298
|
|
|
// -----------------------------------------------------------------------
|
299
|
|
|
|
300
|
|
|
// convert css selectors to a stream of tokens and filters
|
301
|
|
|
// it's not a real stream. it's just an array of strings.
|
302
|
|
|
var $STANDARD_SELECT = /^[^\s>+~]/;
|
303
|
|
|
var $$STREAM = /[\s#.:>+~()@]|[^\s#.:>+~()@]+/g;
|
304
|
|
|
function _toStream($selector) {
|
305
|
|
|
if ($STANDARD_SELECT.test($selector)) $selector = " " + $selector;
|
306
|
|
|
return $selector.match($$STREAM) || [];
|
307
|
|
|
};
|
308
|
|
|
|
309
|
|
|
var $WHITESPACE = /\s*([\s>+~(),]|^|$)\s*/g;
|
310
|
|
|
var $IMPLIED_ALL = /([\s>+~,]|[^(]\+|^)([#.:@])/g;
|
311
|
|
|
var parseSelector = function($selector) {
|
312
|
|
|
return $selector
|
313
|
|
|
// trim whitespace
|
314
|
|
|
.replace($WHITESPACE, "$1")
|
315
|
|
|
// e.g. ".class1" --> "*.class1"
|
316
|
|
|
.replace($IMPLIED_ALL, "$1*$2");
|
317
|
|
|
};
|
318
|
|
|
|
319
|
|
|
var Quote = {
|
320
|
|
|
toString: function() {return "'"},
|
321
|
|
|
match: /^('[^']*')|("[^"]*")$/,
|
322
|
|
|
test: function($string) {
|
323
|
|
|
return this.match.test($string);
|
324
|
|
|
},
|
325
|
|
|
add: function($string) {
|
326
|
|
|
return this.test($string) ? $string : this + $string + this;
|
327
|
|
|
},
|
328
|
|
|
remove: function($string) {
|
329
|
|
|
return this.test($string) ? $string.slice(1, -1) : $string;
|
330
|
|
|
}
|
331
|
|
|
};
|
332
|
|
|
|
333
|
|
|
var getText = function($text) {
|
|
|
|
|
334
|
|
|
return Quote.remove($text);
|
335
|
|
|
};
|
336
|
|
|
|
337
|
|
|
var $ESCAPE = /([\/()[\]?{}|*+-])/g;
|
338
|
|
|
function regEscape($string) {
|
|
|
|
|
339
|
|
|
return $string.replace($ESCAPE, "\\$1");
|
340
|
|
|
};
|
341
|
|
|
|
342
|
|
|
// -----------------------------------------------------------------------
|
343
|
|
|
// modules
|
344
|
|
|
// -----------------------------------------------------------------------
|
345
|
|
|
|
346
|
|
|
// -------- >> insert modules here for packaging << -------- \\
|
347
|
|
|
|
348
|
|
|
loaded = true;
|
349
|
|
|
|
350
|
|
|
// -----------------------------------------------------------------------
|
351
|
|
|
// return the query function
|
352
|
|
|
// -----------------------------------------------------------------------
|
353
|
|
|
|
354
|
|
|
return cssQuery;
|
355
|
|
|
|
356
|
|
|
}(); // cssQuery
|
357
|
|
|
|