You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

406 lines
12 KiB

  1. /* http://keith-wood.name/svg.html
  2. jQuery DOM compatibility for jQuery SVG v1.4.5.
  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. (function ($) { // Hide scope, no $ conflict
  8. var rclass = /[\t\r\n]/g,
  9. rspace = /\s+/,
  10. rwhitespace = "[\\x20\\t\\r\\n\\f]";
  11. /* Support adding class names to SVG nodes. */
  12. $.fn.addClass = function (origAddClass) {
  13. return function (value) {
  14. var classNames, i, l, elem,
  15. setClass, c, cl;
  16. if (jQuery.isFunction(value)) {
  17. return this.each(function (j) {
  18. jQuery(this).addClass(value.call(this, j, this.className));
  19. });
  20. }
  21. if (value && typeof value === "string") {
  22. classNames = value.split(rspace);
  23. for (i = 0, l = this.length; i < l; i++) {
  24. elem = this[ i ];
  25. if (elem.nodeType === 1) {
  26. if (!(elem.className && elem.getAttribute('class')) && classNames.length === 1) {
  27. if ($.svg.isSVGElem(elem)) {
  28. (elem.className ? elem.className.baseVal = value
  29. : elem.setAttribute('class', value));
  30. } else {
  31. elem.className = value;
  32. }
  33. } else {
  34. setClass = !$.svg.isSVGElem(elem) ? elem.className :
  35. elem.className ? elem.className.baseVal :
  36. elem.getAttribute('class');
  37. setClass = (" " + setClass + " ");
  38. for (c = 0, cl = classNames.length; c < cl; c++) {
  39. if (setClass.indexOf(" " + classNames[ c ] + " ") < 0) {
  40. setClass += classNames[ c ] + " ";
  41. }
  42. }
  43. setClass = jQuery.trim(setClass);
  44. if ($.svg.isSVGElem(elem)) {
  45. (elem.className ? elem.className.baseVal = setClass
  46. : elem.setAttribute('class', setClass));
  47. } else {
  48. elem.className = setClass;
  49. }
  50. }
  51. }
  52. }
  53. }
  54. return this;
  55. };
  56. }($.fn.addClass);
  57. /* Support removing class names from SVG nodes. */
  58. $.fn.removeClass = function (origRemoveClass) {
  59. return function (value) {
  60. var classNames, i, l, elem, className, c, cl;
  61. if (jQuery.isFunction(value)) {
  62. return this.each(function (j) {
  63. jQuery(this).removeClass(value.call(this, j, this.className));
  64. });
  65. }
  66. if ((value && typeof value === "string") || value === undefined) {
  67. classNames = ( value || "" ).split(rspace);
  68. for (i = 0, l = this.length; i < l; i++) {
  69. elem = this[ i ];
  70. if (elem.nodeType === 1 && (elem.className || elem.getAttribute('class'))) {
  71. if (value) {
  72. className = !$.svg.isSVGElem(elem) ? elem.className :
  73. elem.className ? elem.className.baseVal :
  74. elem.getAttribute('class');
  75. className = (" " + className + " ").replace(rclass, " ");
  76. for (c = 0, cl = classNames.length; c < cl; c++) {
  77. // Remove until there is nothing to remove,
  78. while (className.indexOf(" " + classNames[ c ] + " ") >= 0) {
  79. className = className.replace(" " + classNames[ c ] + " ", " ");
  80. }
  81. }
  82. className = jQuery.trim(className);
  83. } else {
  84. className = "";
  85. }
  86. if ($.svg.isSVGElem(elem)) {
  87. (elem.className ? elem.className.baseVal = className
  88. : elem.setAttribute('class', className));
  89. } else {
  90. elem.className = className;
  91. }
  92. }
  93. }
  94. }
  95. return this;
  96. };
  97. }($.fn.removeClass);
  98. /* Support toggling class names on SVG nodes. */
  99. $.fn.toggleClass = function (origToggleClass) {
  100. return function (className, state) {
  101. return this.each(function () {
  102. if ($.svg.isSVGElem(this)) {
  103. if (typeof state !== 'boolean') {
  104. state = !$(this).hasClass(className);
  105. }
  106. $(this)[(state ? 'add' : 'remove') + 'Class'](className);
  107. }
  108. else {
  109. origToggleClass.apply($(this), [className, state]);
  110. }
  111. });
  112. };
  113. }($.fn.toggleClass);
  114. /* Support checking class names on SVG nodes. */
  115. $.fn.hasClass = function (origHasClass) {
  116. return function (selector) {
  117. var className = " " + selector + " ",
  118. i = 0,
  119. l = this.length,
  120. elem, classes;
  121. for (; i < l; i++) {
  122. elem = this[i];
  123. if (elem.nodeType === 1) {
  124. classes = !$.svg.isSVGElem(elem) ? elem.className :
  125. elem.className ? elem.className.baseVal :
  126. elem.getAttribute('class');
  127. if ((" " + classes + " ").replace(rclass, " ").indexOf(className) > -1) {
  128. return true;
  129. }
  130. }
  131. }
  132. return false;
  133. };
  134. }($.fn.hasClass);
  135. /* Support attributes on SVG nodes. */
  136. $.fn.attr = function (origAttr) {
  137. return function (name, value, type) {
  138. var origArgs = arguments;
  139. if (typeof name === 'string' && value === undefined) {
  140. var val = origAttr.apply(this, origArgs);
  141. if (val && val.baseVal && val.baseVal.numberOfItems != null) { // Multiple values
  142. value = '';
  143. val = val.baseVal;
  144. if (name == 'transform') {
  145. for (var i = 0; i < val.numberOfItems; i++) {
  146. var item = val.getItem(i);
  147. switch (item.type) {
  148. case 1:
  149. value += ' matrix(' + item.matrix.a + ',' + item.matrix.b + ',' +
  150. item.matrix.c + ',' + item.matrix.d + ',' +
  151. item.matrix.e + ',' + item.matrix.f + ')';
  152. break;
  153. case 2:
  154. value += ' translate(' + item.matrix.e + ',' + item.matrix.f + ')';
  155. break;
  156. case 3:
  157. value += ' scale(' + item.matrix.a + ',' + item.matrix.d + ')';
  158. break;
  159. case 4:
  160. value += ' rotate(' + item.angle + ')';
  161. break; // Doesn't handle new origin
  162. case 5:
  163. value += ' skewX(' + item.angle + ')';
  164. break;
  165. case 6:
  166. value += ' skewY(' + item.angle + ')';
  167. break;
  168. }
  169. }
  170. val = value.substring(1);
  171. }
  172. else {
  173. val = val.getItem(0).valueAsString;
  174. }
  175. }
  176. return (val && val.baseVal ? val.baseVal.valueAsString : val);
  177. }
  178. var options = name;
  179. if (typeof name === 'string') {
  180. options = {};
  181. options[name] = value;
  182. }
  183. return $(this).each(function () {
  184. if ($.svg.isSVGElem(this)) {
  185. for (var n in options) {
  186. var val = ($.isFunction(options[n]) ? options[n]() : options[n]);
  187. (type ? this.style[n] = val : this.setAttribute(n, val));
  188. }
  189. }
  190. else {
  191. origAttr.apply($(this), origArgs);
  192. }
  193. });
  194. };
  195. }($.fn.attr);
  196. /* Support removing attributes on SVG nodes. */
  197. $.fn.removeAttr = function (origRemoveAttr) {
  198. return function (name) {
  199. return this.each(function () {
  200. if ($.svg.isSVGElem(this)) {
  201. (this[name] && this[name].baseVal ? this[name].baseVal.value = '' :
  202. this.setAttribute(name, ''));
  203. }
  204. else {
  205. origRemoveAttr.apply($(this), [name]);
  206. }
  207. });
  208. };
  209. }($.fn.removeAttr);
  210. /* Add numeric only properties. */
  211. $.extend($.cssNumber, {
  212. 'stopOpacity': true,
  213. 'strokeMitrelimit':true,
  214. 'strokeOpacity': true
  215. });
  216. /* Support retrieving CSS/attribute values on SVG nodes. */
  217. if ($.cssProps) {
  218. $.css = function (origCSS) {
  219. return function (elem, name, numeric, extra) {
  220. var value = (name.match(/^svg.*/) ? $(elem).attr($.cssProps[name] || name) : '');
  221. return value || origCSS(elem, name, numeric, extra);
  222. };
  223. }($.css);
  224. }
  225. $.find.isXML = function (origIsXml) {
  226. return function (elem) {
  227. return $.svg.isSVGElem(elem) || origIsXml(elem);
  228. }
  229. }($.find.isXML)
  230. var div = document.createElement('div');
  231. div.appendChild(document.createComment(''));
  232. if (div.getElementsByTagName('*').length > 0) { // Make sure no comments are found
  233. $.expr.find.TAG = function (match, context) {
  234. var results = context.getElementsByTagName(match[1]);
  235. if (match[1] === '*') { // Filter out possible comments
  236. var tmp = [];
  237. for (var i = 0; results[i] || results.item(i); i++) {
  238. if ((results[i] || results.item(i)).nodeType === 1) {
  239. tmp.push(results[i] || results.item(i));
  240. }
  241. }
  242. results = tmp;
  243. }
  244. return results;
  245. };
  246. }
  247. $.expr.filter.CLASS = function (className) {
  248. var pattern = new RegExp("(^|" + rwhitespace + ")" + className + "(" + rwhitespace + "|$)");
  249. return function (elem) {
  250. var elemClass = (!$.svg.isSVGElem(elem) ? elem.className || (typeof elem.getAttribute !== "undefined" && elem.getAttribute("class")) || "" :
  251. (elem.className ? elem.className.baseVal : elem.getAttribute('class')));
  252. return pattern.test(elemClass);
  253. };
  254. };
  255. /*
  256. In the removeData function (line 1881, v1.7.2):
  257. if ( jQuery.support.deleteExpando ) {
  258. delete elem[ internalKey ];
  259. } else {
  260. try { // SVG
  261. elem.removeAttribute( internalKey );
  262. } catch (e) {
  263. elem[ internalKey ] = null;
  264. }
  265. }
  266. In the event.add function (line 2985, v1.7.2):
  267. if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
  268. // Bind the global event handler to the element
  269. try { // SVG
  270. elem.addEventListener( type, eventHandle, false );
  271. } catch(e) {
  272. if ( elem.attachEvent ) {
  273. elem.attachEvent( "on" + type, eventHandle );
  274. }
  275. }
  276. }
  277. In the event.remove function (line 3074, v1.7.2):
  278. if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
  279. try { // SVG
  280. elem.removeEventListener(type, elemData.handle, false);
  281. }
  282. catch (e) {
  283. if (elem.detachEvent) {
  284. elem.detachEvent("on" + type, elemData.handle);
  285. }
  286. }
  287. }
  288. In the event.fix function (line 3394, v1.7.2):
  289. if (event.target.namespaceURI == 'http://www.w3.org/2000/svg') { // SVG
  290. event.button = [1, 4, 2][event.button];
  291. }
  292. // Add which for click: 1 === left; 2 === middle; 3 === right
  293. // Note: button is not normalized, so don't use it
  294. if ( !event.which && button !== undefined ) {
  295. event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
  296. }
  297. In the Sizzle function (line 4083, v1.7.2):
  298. if ( toString.call(checkSet) === "[object Array]" ) {
  299. if ( !prune ) {
  300. results.push.apply( results, checkSet );
  301. } else if ( context && context.nodeType === 1 ) {
  302. for ( i = 0; checkSet[i] != null; i++ ) {
  303. if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
  304. results.push( set[i] || set.item(i) ); // SVG
  305. }
  306. }
  307. } else {
  308. for ( i = 0; checkSet[i] != null; i++ ) {
  309. if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
  310. results.push( set[i] || set.item(i) ); // SVG
  311. }
  312. }
  313. }
  314. } else {...
  315. In the fallback for the Sizzle makeArray function (line 4877, v1.7.2):
  316. if ( toString.call(array) === "[object Array]" ) {
  317. Array.prototype.push.apply( ret, array );
  318. } else {
  319. if ( typeof array.length === "number" ) {
  320. for ( var l = array.length; i &lt; l; i++ ) {
  321. ret.push( array[i] || array.item(i) ); // SVG
  322. }
  323. } else {
  324. for ( ; array[i]; i++ ) {
  325. ret.push( array[i] );
  326. }
  327. }
  328. }
  329. In the jQuery.cleandata function (line 6538, v1.7.2):
  330. if ( deleteExpando ) {
  331. delete elem[ jQuery.expando ];
  332. } else {
  333. try { // SVG
  334. elem.removeAttribute( jQuery.expando );
  335. } catch (e) {
  336. // Ignore
  337. }
  338. }
  339. In the fallback getComputedStyle function (line 6727, v1.7.2):
  340. defaultView = (elem.ownerDocument ? elem.ownerDocument.defaultView : elem.defaultView); // SVG
  341. if ( defaultView &&
  342. (computedStyle = defaultView.getComputedStyle( elem, null )) ) {
  343. ret = computedStyle.getPropertyValue( name );
  344. ...
  345. */
  346. })(jQuery);