jquery.svgdom.js

428 lines | 13.746 kB Blame History Raw Download
/* http://keith-wood.name/svg.html
   jQuery DOM compatibility for jQuery SVG v1.4.5.
   Written by Keith Wood (kbwood{at}iinet.com.au) April 2009.
   Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and
   MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses.
   Please attribute the author if you use it. */

(function ($) { // Hide scope, no $ conflict

  /* Support adding class names to SVG nodes. */
  $.fn.addClass = function (origAddClass) {
    return function (classNames) {
      classNames = classNames || '';
      return this.each(function () {
        if ($.svg.isSVGElem(this)) {
          var node = this;
          $.each(classNames.split(/\s+/), function (i, className) {
            var classes = (node.className ? node.className.baseVal
                : node.getAttribute('class'));
            if ($.inArray(className, classes.split(/\s+/)) == -1) {
              classes += (classes ? ' ' : '') + className;
              (node.className ? node.className.baseVal = classes
                  : node.setAttribute('class', classes));
            }
          });
        }
        else {
          origAddClass.apply($(this), [classNames]);
        }
      });
    };
  }($.fn.addClass);

  /* Support removing class names from SVG nodes. */
  $.fn.removeClass = function (origRemoveClass) {
    return function (classNames) {
      classNames = classNames || '';
      return this.each(function () {
        if ($.svg.isSVGElem(this)) {
          var node = this;
          $.each(classNames.split(/\s+/), function (i, className) {
            var classes = (node.className ? node.className.baseVal
                : node.getAttribute('class'));
            classes = $.grep(classes.split(/\s+/), function (n, i) {
              return n != className;
            }).join(' ');
            (node.className ? node.className.baseVal = classes
                : node.setAttribute('class', classes));
          });
        }
        else {
          origRemoveClass.apply($(this), [classNames]);
        }
      });
    };
  }($.fn.removeClass);

  /* Support toggling class names on SVG nodes. */
  $.fn.toggleClass = function (origToggleClass) {
    return function (className, state) {
      return this.each(function () {
        if ($.svg.isSVGElem(this)) {
          if (typeof state !== 'boolean') {
            state = !$(this).hasClass(className);
          }
          $(this)[(state ? 'add' : 'remove') + 'Class'](className);
        }
        else {
          origToggleClass.apply($(this), [className, state]);
        }
      });
    };
  }($.fn.toggleClass);

  /* Support checking class names on SVG nodes. */
  $.fn.hasClass = function (origHasClass) {
    return function (className) {
      className = className || '';
      var found = false;
      this.each(function () {
        if ($.svg.isSVGElem(this)) {
          var classes = (this.className ? this.className.baseVal
              : this.getAttribute('class')).split(/\s+/);
          found = ($.inArray(className, classes) > -1);
        }
        else {
          found = (origHasClass.apply($(this), [className]));
        }
        return !found;
      });
      return found;
    };
  }($.fn.hasClass);

  /* Support attributes on SVG nodes. */
  $.fn.attr = function (origAttr) {
    return function (name, value, type) {
      if (typeof name === 'string' && value === undefined) {
        var val = origAttr.apply(this, [name]);
        if (val && val.baseVal && val.baseVal.numberOfItems != null) { // Multiple values
          value = '';
          val = val.baseVal;
          if (name == 'transform') {
            for (var i = 0; i < val.numberOfItems; i++) {
              var item = val.getItem(i);
              switch (item.type) {
                case 1:
                  value += ' matrix(' + item.matrix.a + ',' + item.matrix.b
                      + ',' +
                      item.matrix.c + ',' + item.matrix.d + ',' +
                      item.matrix.e + ',' + item.matrix.f + ')';
                  break;
                case 2:
                  value += ' translate(' + item.matrix.e + ',' + item.matrix.f
                      + ')';
                  break;
                case 3:
                  value += ' scale(' + item.matrix.a + ',' + item.matrix.d
                      + ')';
                  break;
                case 4:
                  value += ' rotate(' + item.angle + ')';
                  break; // Doesn't handle new origin
                case 5:
                  value += ' skewX(' + item.angle + ')';
                  break;
                case 6:
                  value += ' skewY(' + item.angle + ')';
                  break;
              }
            }
            val = value.substring(1);
          }
          else {
            val = val.getItem(0).valueAsString;
          }
        }
        return (val && val.baseVal ? val.baseVal.valueAsString : val);
      }

      var options = name;
      if (typeof name === 'string') {
        options = {};
        options[name] = value;
      }
      return this.each(function () {
        if ($.svg.isSVGElem(this)) {
          for (var n in options) {
            var val = ($.isFunction(options[n]) ? options[n]() : options[n]);
            (type ? this.style[n] = val : this.setAttribute(n, val));
          }
        }
        else {
          origAttr.apply($(this), [name, value, type]);
        }
      });
    };
  }($.fn.attr);

  /* Support removing attributes on SVG nodes. */
  $.fn.removeAttr = function (origRemoveAttr) {
    return function (name) {
      return this.each(function () {
        if ($.svg.isSVGElem(this)) {
          (this[name] && this[name].baseVal ? this[name].baseVal.value = ''
              : this.setAttribute(name, ''));
        }
        else {
          origRemoveAttr.apply($(this), [name]);
        }
      });
    };
  }($.fn.removeAttr);

  /* Add numeric only properties. */
  $.extend($.cssNumber, {
    'stopOpacity': true,
    'strokeMitrelimit': true,
    'strokeOpacity': true
  });

  /* Support retrieving CSS/attribute values on SVG nodes. */
  if ($.cssProps) {
    $.css = function (origCSS) {
      return function (elem, name, extra) {
        var value = (name.match(/^svg.*/) ? $(elem).attr($.cssProps[name]
            || name) : '');
        return value || origCSS(elem, name, extra);
      };
    }($.css);
  }

  /* Determine if any nodes are SVG nodes. */
  function anySVG(checkSet) {
    for (var i = 0; i < checkSet.length; i++) {
      if (checkSet[i].nodeType == 1 && checkSet[i].namespaceURI
          == $.svg.svgNS) {
        return true;
      }
    }
    return false;
  }

  /* Update Sizzle selectors. */

  $.expr.relative['+'] = function (origRelativeNext) {
    return function (checkSet, part, isXML) {
      origRelativeNext(checkSet, part, isXML || anySVG(checkSet));
    };
  }($.expr.relative['+']);

  $.expr.relative['>'] = function (origRelativeChild) {
    return function (checkSet, part, isXML) {
      origRelativeChild(checkSet, part, isXML || anySVG(checkSet));
    };
  }($.expr.relative['>']);

  $.expr.relative[''] = function (origRelativeDescendant) {
    return function (checkSet, part, isXML) {
      origRelativeDescendant(checkSet, part, isXML || anySVG(checkSet));
    };
  }($.expr.relative['']);

  $.expr.relative['~'] = function (origRelativeSiblings) {
    return function (checkSet, part, isXML) {
      origRelativeSiblings(checkSet, part, isXML || anySVG(checkSet));
    };
  }($.expr.relative['~']);

  $.expr.find.ID = function (origFindId) {
    return function (match, context, isXML) {
      return ($.svg.isSVGElem(context) ? [context.ownerDocument.getElementById(
          match[1])] : origFindId(match, context, isXML));
    };
  }($.expr.find.ID);

  var div = document.createElement('div');
  div.appendChild(document.createComment(''));
  if (div.getElementsByTagName('*').length > 0) { // Make sure no comments are found
    $.expr.find.TAG = function (match, context) {
      var results = context.getElementsByTagName(match[1]);
      if (match[1] === '*') { // Filter out possible comments
        var tmp = [];
        for (var i = 0; results[i] || results.item(i); i++) {
          if ((results[i] || results.item(i)).nodeType === 1) {
            tmp.push(results[i] || results.item(i));
          }
        }
        results = tmp;
      }
      return results;
    };
  }

  $.expr.preFilter.CLASS = function (match, curLoop, inplace, result, not,
      isXML) {
    match = ' ' + match[1].replace(/\\/g, '') + ' ';
    if (isXML) {
      return match;
    }
    for (var i = 0, elem = {}; elem != null; i++) {
      elem = curLoop[i];
      if (!elem) {
        try {
          elem = curLoop.item(i);
        }
        catch (e) {
          // Ignore
        }
      }
      if (elem) {
        var className = (!$.svg.isSVGElem(elem) ? elem.className
            : (elem.className ? elem.className.baseVal : '')
            || elem.getAttribute('class'));
        if (not ^ (className && (' ' + className + ' ').indexOf(match) > -1)) {
          if (!inplace) {
            result.push(elem);
          }
        }
        else if (inplace) {
          curLoop[i] = false;
        }
      }
    }
    return false;
  };

  $.expr.filter.CLASS = function (elem, match) {
    var className = (!$.svg.isSVGElem(elem) ? elem.className : (elem.className
        ? elem.className.baseVal : elem.getAttribute('class')));
    return (' ' + className + ' ').indexOf(match) > -1;
  };

  $.expr.filter.ATTR = function (origFilterAttr) {
    return function (elem, match) {
      var handler = null;
      if ($.svg.isSVGElem(elem)) {
        handler = match[1];
        $.expr.attrHandle[handler] = function (elem) {
          var attr = elem.getAttribute(handler);
          return attr && attr.baseVal || attr;
        };
      }
      var filter = origFilterAttr(elem, match);
      if (handler) {
        $.expr.attrHandle[handler] = null;
      }
      return filter;
    };
  }($.expr.filter.ATTR);

  /*
    In the removeData function (line 1881, v1.7.2):

          if ( jQuery.support.deleteExpando ) {
            delete elem[ internalKey ];
          } else {
            try { // SVG
              elem.removeAttribute( internalKey );
            } catch (e) {
              elem[ internalKey ] = null;
            }
          }

    In the event.add function (line 2985, v1.7.2):

          if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
            // Bind the global event handler to the element
            try { // SVG
              elem.addEventListener( type, eventHandle, false );
            } catch(e) {
              if ( elem.attachEvent ) {
                elem.attachEvent( "on" + type, eventHandle );
              }
            }
          }

    In the event.remove function (line 3074, v1.7.2):

        if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
          try { // SVG
            elem.removeEventListener(type, elemData.handle, false);
          }
          catch (e) {
            if (elem.detachEvent) {
              elem.detachEvent("on" + type, elemData.handle);
            }
          }
        }

    In the event.fix function (line 3394, v1.7.2):

      if (event.target.namespaceURI == 'http://www.w3.org/2000/svg') { // SVG
        event.button = [1, 4, 2][event.button];
      }

      // Add which for click: 1 === left; 2 === middle; 3 === right
      // Note: button is not normalized, so don't use it
      if ( !event.which && button !== undefined ) {
        event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
      }

    In the Sizzle function (line 4083, v1.7.2):

    if ( toString.call(checkSet) === "[object Array]" ) {
      if ( !prune ) {
        results.push.apply( results, checkSet );

      } else if ( context && context.nodeType === 1 ) {
        for ( i = 0; checkSet[i] != null; i++ ) {
          if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
          results.push( set[i] || set.item(i) ); // SVG
          }
        }

      } else {
        for ( i = 0; checkSet[i] != null; i++ ) {
          if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
            results.push( set[i] || set.item(i) ); // SVG
          }
        }
      }
    } else {...

    In the fallback for the Sizzle makeArray function (line 4877, v1.7.2):

    if ( toString.call(array) === "[object Array]" ) {
      Array.prototype.push.apply( ret, array );

    } else {
      if ( typeof array.length === "number" ) {
        for ( var l = array.length; i &lt; l; i++ ) {
          ret.push( array[i] || array.item(i) ); // SVG
        }

      } else {
        for ( ; array[i]; i++ ) {
          ret.push( array[i] );
        }
      }
    }

    In the jQuery.cleandata function (line 6538, v1.7.2):

          if ( deleteExpando ) {
            delete elem[ jQuery.expando ];

          } else {
            try { // SVG
              elem.removeAttribute( jQuery.expando );
            } catch (e) {
              // Ignore
            }
          }

    In the fallback getComputedStyle function (line 6727, v1.7.2):

      defaultView = (elem.ownerDocument ? elem.ownerDocument.defaultView : elem.defaultView); // SVG
      if ( defaultView &&
      (computedStyle = defaultView.getComputedStyle( elem, null )) ) {

        ret = computedStyle.getPropertyValue( name );
        ...

  */

})(jQuery);