Subversion-Projekte lars-tiefland.prado

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
1 lars 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