Question

I am working with an API and their examples are dependent upon jQuery for manipulating the css selectors. Can someone please show me how I could accomplish this with either the Prototype library or else vanilla javaScript?

  scrollEnd = function (element, dir, enable, init) {
    var el = jQuery(element);
    if (el.size()) {
      if (enable) {
        if (el.css('backgroundImage') == "none")
          el.css('backgroundImage', element.button);
      }
      else {
        element.button = el.css('backgroundImage');
        el.css('backgroundImage', "none");
      }
    }
  };

Answer 1

Vanilla

scrollEnd = function (element, dir, enable, init) {
    if (enable) {
        if (!element.style.backgroundImage) {
            element.style.backgroundImage = element.button;
        } else {
            element.button = element.style.backgroundImage;
            delete element.style.backgroundImage;
        }
    }
};

I know of no DOMElement that has an attribute size AND button though .. what did I just write? 😛