756
|
1 /* http://keith-wood.name/svg.html
|
|
2 SVG/jQuery DOM compatibility for jQuery v1.4.3.
|
|
3 Written by Keith Wood (kbwood{at}iinet.com.au) April 2009.
|
|
4 Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and
|
|
5 MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses.
|
|
6 Please attribute the author if you use it. */
|
|
7
|
|
8 (function($) { // Hide scope, no $ conflict
|
|
9
|
|
10 /* Support adding class names to SVG nodes. */
|
|
11 $.fn.addClass = function(origAddClass) {
|
|
12 return function(classNames) {
|
|
13 classNames = classNames || '';
|
|
14 return this.each(function() {
|
|
15 if (isSVGElem(this)) {
|
|
16 var node = this;
|
|
17 $.each(classNames.split(/\s+/), function(i, className) {
|
|
18 var classes = (node.className ? node.className.baseVal : node.getAttribute('class'));
|
|
19 if ($.inArray(className, classes.split(/\s+/)) == -1) {
|
|
20 classes += (classes ? ' ' : '') + className;
|
|
21 (node.className ? node.className.baseVal = classes :
|
|
22 node.setAttribute('class', classes));
|
|
23 }
|
|
24 });
|
|
25 }
|
|
26 else {
|
|
27 origAddClass.apply($(this), [classNames]);
|
|
28 }
|
|
29 });
|
|
30 };
|
|
31 }($.fn.addClass);
|
|
32
|
|
33 /* Support removing class names from SVG nodes. */
|
|
34 $.fn.removeClass = function(origRemoveClass) {
|
|
35 return function(classNames) {
|
|
36 classNames = classNames || '';
|
|
37 return this.each(function() {
|
|
38 if (isSVGElem(this)) {
|
|
39 var node = this;
|
|
40 $.each(classNames.split(/\s+/), function(i, className) {
|
|
41 var classes = (node.className ? node.className.baseVal : node.getAttribute('class'));
|
|
42 classes = $.grep(classes.split(/\s+/), function(n, i) { return n != className; }).
|
|
43 join(' ');
|
|
44 (node.className ? node.className.baseVal = classes :
|
|
45 node.setAttribute('class', classes));
|
|
46 });
|
|
47 }
|
|
48 else {
|
|
49 origRemoveClass.apply($(this), [classNames]);
|
|
50 }
|
|
51 });
|
|
52 };
|
|
53 }($.fn.removeClass);
|
|
54
|
|
55 /* Support toggling class names on SVG nodes. */
|
|
56 $.fn.toggleClass = function(origToggleClass) {
|
|
57 return function(className, state) {
|
|
58 return this.each(function() {
|
|
59 if (isSVGElem(this)) {
|
|
60 if (typeof state !== 'boolean') {
|
|
61 state = !$(this).hasClass(className);
|
|
62 }
|
|
63 $(this)[(state ? 'add' : 'remove') + 'Class'](className);
|
|
64 }
|
|
65 else {
|
|
66 origToggleClass.apply($(this), [className, state]);
|
|
67 }
|
|
68 });
|
|
69 };
|
|
70 }($.fn.toggleClass);
|
|
71
|
|
72 /* Support checking class names on SVG nodes. */
|
|
73 $.fn.hasClass = function(origHasClass) {
|
|
74 return function(className) {
|
|
75 className = className || '';
|
|
76 var found = false;
|
|
77 this.each(function() {
|
|
78 if (isSVGElem(this)) {
|
|
79 var classes = (this.className ? this.className.baseVal :
|
|
80 this.getAttribute('class')).split(/\s+/);
|
|
81 found = ($.inArray(className, classes) > -1);
|
|
82 }
|
|
83 else {
|
|
84 found = (origHasClass.apply($(this), [className]));
|
|
85 }
|
|
86 return !found;
|
|
87 });
|
|
88 return found;
|
|
89 };
|
|
90 }($.fn.hasClass);
|
|
91
|
|
92 /* Support attributes on SVG nodes. */
|
|
93 $.fn.attr = function(origAttr) {
|
|
94 return function(name, value, type) {
|
|
95 if (typeof name === 'string' && value === undefined) {
|
|
96 var val = origAttr.apply(this, [name, value, type]);
|
|
97 if (val && val.baseVal && val.baseVal.numberOfItems != null) { // Transform
|
|
98 value = '';
|
|
99 val = val.baseVal;
|
|
100 for (var i = 0; i < val.numberOfItems; i++) {
|
|
101 var item = val.getItem(i);
|
|
102 switch (item.type) {
|
|
103 case 1: value += ' matrix(' + item.matrix.a + ',' + item.matrix.b + ',' +
|
|
104 item.matrix.c + ',' + item.matrix.d + ',' +
|
|
105 item.matrix.e + ',' + item.matrix.f + ')';
|
|
106 break;
|
|
107 case 2: value += ' translate(' + item.matrix.e + ',' + item.matrix.f + ')'; break;
|
|
108 case 3: value += ' scale(' + item.matrix.a + ',' + item.matrix.d + ')'; break;
|
|
109 case 4: value += ' rotate(' + item.angle + ')'; break; // Doesn't handle new origin
|
|
110 case 5: value += ' skewX(' + item.angle + ')'; break;
|
|
111 case 6: value += ' skewY(' + item.angle + ')'; break;
|
|
112 }
|
|
113 }
|
|
114 val = value.substring(1);
|
|
115 }
|
|
116 return (val && val.baseVal ? val.baseVal.valueAsString : val);
|
|
117 }
|
|
118 var options = name;
|
|
119 if (typeof name === 'string') {
|
|
120 options = {};
|
|
121 options[name] = value;
|
|
122 }
|
|
123 return this.each(function() {
|
|
124 if (isSVGElem(this)) {
|
|
125 for (var n in options) {
|
|
126 var val = ($.isFunction(options[n]) ? options[n]() : options[n]);
|
|
127 (type ? this.style[n] = val : this.setAttribute(n, val));
|
|
128 }
|
|
129 }
|
|
130 else {
|
|
131 origAttr.apply($(this), [name, value, type]);
|
|
132 }
|
|
133 });
|
|
134 };
|
|
135 }($.fn.attr);
|
|
136
|
|
137 /* Support removing attributes on SVG nodes. */
|
|
138 $.fn.removeAttr = function(origRemoveAttr) {
|
|
139 return function(name) {
|
|
140 return this.each(function() {
|
|
141 if (isSVGElem(this)) {
|
|
142 (this[name] && this[name].baseVal ? this[name].baseVal.value = '' :
|
|
143 this.setAttribute(name, ''));
|
|
144 }
|
|
145 else {
|
|
146 origRemoveAttr.apply($(this), [name]);
|
|
147 }
|
|
148 });
|
|
149 };
|
|
150 }($.fn.removeAttr);
|
|
151
|
|
152 /* Determine if any nodes are SVG nodes. */
|
|
153 function anySVG(checkSet) {
|
|
154 for (var i = 0; i < checkSet.length; i++) {
|
|
155 if (checkSet[i].nodeType == 1 && checkSet[i].namespaceURI == $.svg.svgNS) {
|
|
156 return true;
|
|
157 }
|
|
158 }
|
|
159 return false;
|
|
160 }
|
|
161
|
|
162 /* Update Sizzle selectors. */
|
|
163
|
|
164 $.expr.relative['+'] = function(origRelativeNext) {
|
|
165 return function(checkSet, part, isXML) {
|
|
166 origRelativeNext(checkSet, part, isXML || anySVG(checkSet));
|
|
167 };
|
|
168 }($.expr.relative['+']);
|
|
169
|
|
170 $.expr.relative['>'] = function(origRelativeChild) {
|
|
171 return function(checkSet, part, isXML) {
|
|
172 origRelativeChild(checkSet, part, isXML || anySVG(checkSet));
|
|
173 };
|
|
174 }($.expr.relative['>']);
|
|
175
|
|
176 $.expr.relative[''] = function(origRelativeDescendant) {
|
|
177 return function(checkSet, part, isXML) {
|
|
178 origRelativeDescendant(checkSet, part, isXML || anySVG(checkSet));
|
|
179 };
|
|
180 }($.expr.relative['']);
|
|
181
|
|
182 $.expr.relative['~'] = function(origRelativeSiblings) {
|
|
183 return function(checkSet, part, isXML) {
|
|
184 origRelativeSiblings(checkSet, part, isXML || anySVG(checkSet));
|
|
185 };
|
|
186 }($.expr.relative['~']);
|
|
187
|
|
188 $.expr.find.ID = function(origFindId) {
|
|
189 return function(match, context, isXML) {
|
|
190 return (isSVGElem(context) ?
|
|
191 [context.ownerDocument.getElementById(match[1])] :
|
|
192 origFindId(match, context, isXML));
|
|
193 };
|
|
194 }($.expr.find.ID);
|
|
195
|
|
196 var div = document.createElement('div');
|
|
197 div.appendChild(document.createComment(''));
|
|
198 if (div.getElementsByTagName('*').length > 0) { // Make sure no comments are found
|
|
199 $.expr.find.TAG = function(match, context) {
|
|
200 var results = context.getElementsByTagName(match[1]);
|
|
201 if (match[1] === '*') { // Filter out possible comments
|
|
202 var tmp = [];
|
|
203 for (var i = 0; results[i] || results.item(i); i++) {
|
|
204 if ((results[i] || results.item(i)).nodeType === 1) {
|
|
205 tmp.push(results[i] || results.item(i));
|
|
206 }
|
|
207 }
|
|
208 results = tmp;
|
|
209 }
|
|
210 return results;
|
|
211 };
|
|
212 }
|
|
213
|
|
214 $.expr.preFilter.CLASS = function(match, curLoop, inplace, result, not, isXML) {
|
|
215 match = ' ' + match[1].replace(/\\/g, '') + ' ';
|
|
216 if (isXML) {
|
|
217 return match;
|
|
218 }
|
|
219 for (var i = 0, elem = {}; elem != null; i++) {
|
|
220 elem = curLoop[i];
|
|
221 if (!elem) {
|
|
222 try {
|
|
223 elem = curLoop.item(i);
|
|
224 }
|
|
225 catch (e) {
|
|
226 // Ignore
|
|
227 }
|
|
228 }
|
|
229 if (elem) {
|
|
230 var className = (!isSVGElem(elem) ? elem.className :
|
|
231 (elem.className ? elem.className.baseVal : '') || elem.getAttribute('class'));
|
|
232 if (not ^ (className && (' ' + className + ' ').indexOf(match) > -1)) {
|
|
233 if (!inplace)
|
|
234 result.push(elem);
|
|
235 }
|
|
236 else if (inplace) {
|
|
237 curLoop[i] = false;
|
|
238 }
|
|
239 }
|
|
240 }
|
|
241 return false;
|
|
242 };
|
|
243
|
|
244 $.expr.filter.CLASS = function(elem, match) {
|
|
245 var className = (!isSVGElem(elem) ? elem.className :
|
|
246 (elem.className ? elem.className.baseVal : elem.getAttribute('class')));
|
|
247 return (' ' + className + ' ').indexOf(match) > -1;
|
|
248 };
|
|
249
|
|
250 $.expr.filter.ATTR = function(origFilterAttr) {
|
|
251 return function(elem, match) {
|
|
252 var handler = null;
|
|
253 if (isSVGElem(elem)) {
|
|
254 handler = match[1];
|
|
255 $.expr.attrHandle[handler] = function(elem){
|
|
256 var attr = elem.getAttribute(handler);
|
|
257 return attr && attr.baseVal || attr;
|
|
258 };
|
|
259 }
|
|
260 var filter = origFilterAttr(elem, match);
|
|
261 if (handler) {
|
|
262 $.expr.attrHandle[handler] = null;
|
|
263 }
|
|
264 return filter;
|
|
265 };
|
|
266 }($.expr.filter.ATTR);
|
|
267
|
|
268 /*
|
|
269 Change Sizzle initialisation (line 1425) in jQuery v1.3.2 base code...
|
|
270
|
|
271 if ( toString.call(checkSet) === "[object Array]" ) {
|
|
272 if ( !prune ) {
|
|
273 results.push.apply( results, checkSet );
|
|
274 } else if ( context.nodeType === 1 ) {
|
|
275 for ( var i = 0; checkSet[i] != null; i++ ) {
|
|
276 if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i])) ) {
|
|
277 results.push( set[i] || set.item(i) ); // Here
|
|
278 }
|
|
279 }
|
|
280 } else {
|
|
281 for ( var i = 0; checkSet[i] != null; i++ ) {
|
|
282 if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
|
|
283 results.push( set[i] || set.item(i) ); // Here
|
|
284 }
|
|
285 }
|
|
286 }
|
|
287 }
|
|
288
|
|
289 Change fallback makeArray (line 2076) implementation in jQuery Sizzle...
|
|
290
|
|
291 if ( typeof array.length === "number" ) {
|
|
292 for ( var i = 0, l = array.length; i < l; i++ ) {
|
|
293 ret.push( array[i] || array.item(i) ); // Here
|
|
294 }
|
|
295 }
|
|
296 */
|
|
297
|
|
298 /*
|
|
299 Events management requires changes to jQuery v1.3.2 base code...
|
|
300
|
|
301 In $.event.add (line 2437)...
|
|
302
|
|
303 if ( !jQuery.event.special[type] || jQuery.event.special[type].setup.call(elem, data, namespaces) === false ) {
|
|
304 // Bind the global event handler to the element
|
|
305 try { // Here
|
|
306 elem.addEventListener(type, handle, false);
|
|
307 }
|
|
308 catch(e) {
|
|
309 if (elem.attachEvent)
|
|
310 elem.attachEvent("on" + type, handle);
|
|
311 }
|
|
312 }
|
|
313
|
|
314 In $.event.remove (line 2521)...
|
|
315
|
|
316 if ( !jQuery.event.special[type] || jQuery.event.special[type].teardown.call(elem, namespaces) === false ) {
|
|
317 try { // Here
|
|
318 elem.removeEventListener(type, jQuery.data(elem, "handle"), false);
|
|
319 }
|
|
320 catch (e) {
|
|
321 if (elem.detachEvent)
|
|
322 elem.detachEvent("on" + type, jQuery.data(elem, "handle"));
|
|
323 }
|
|
324 }
|
|
325 */
|
|
326
|
|
327 /* Does this node belong to SVG? */
|
|
328 function isSVGElem(node) {
|
|
329 return (node.nodeType == 1 && node.namespaceURI == $.svg.svgNS);
|
|
330 }
|
|
331
|
|
332 })(jQuery);
|