User:Mike Dillon/Scripts/easydom.js

// <pre><nowiki>

function createEasyDomFunction(name) {
    var isType = function (o, t) { return typeof o == t };
    var isBool = function (o) { return isType(o, typeof true); };
    var isString = function (o) { return isType(o, typeof ''); };
    var isNumber = function (o) { return isType(o, typeof 0); };
    var isFunction = function (o) { return isType(o, typeof function () {}); };
    var isObject = function (o) { return isType(o, typeof new Object()); };
    var isUndefined = function (o) { return isType(o, (function (x) { return typeof x })()); };
    var isDefined = function (o) { return !isUndefined(o); }; // NOTE: null is "defined"
    var isPrimitive = function (o) {
        return isString(o) || isNumber(o) || isBool(o) || isFunction(o);
    }
    var isNode = function (o) { return isDefined(o) && o != null && isNumber(o.nodeType); }

    // Creates the DOM element
    var createDomElement = function(name) {
        var elem = document.createElement(name);
        return elem;
    };

    var attrNameTranslations = {};

    // Conditionally add I.E. name overrides
    /*@cc_on
    attrNameTranslations["for"] = "htmlFor";
    attrNameTranslations["maxlength"] = "maxLength";
    attrNameTranslations["class"] = "className";
    attrNameTranslations["accesskey"] = "accessKey";
    @*/

    var processSingleDomAttribute = function(elem, attrName, attrValue) {
        // Translate DOM attribute name to match implementation
        if (attrNameTranslations[attrName] != null) {
            attrName = attrNameTranslations[attrName];
        }

        // Invoke function callbacks and use their result as the value,
        // unless the attribute name starts with "on" (i.e. an event handler)
        if (isFunction(attrValue)) {
            // Use direct object property assignment for "on" attributes
            // These properties will not be copied by Node.cloneNode
            if (attrName.indexOf("on") == 0) {
                elem[attrName] = attrValue;
                return;
            }

            // Invoke the callback otherwise
            attrValue = attrValue(elem);
        }

        // Skip null values
        if (attrValue == null) {
            return;
        }

        // Stringify non-string values
        if (!isString(attrValue)) {
            attrValue = attrValue.toString();
        }

        // Set the attribute
        elem.setAttribute(attrName, attrValue);
    };

    // Detects if the first element is a hash of attributes and if so,
    // uses it to set attributes on the DOM node
    //
    // Returns the number of elements processed to let the caller know
    // how many of the arguments to skip
    var processDomAttributes = function(elem, args) {
        if (args.length == 0) {
            return 0;
        }

        // No attributes to process if null is the first argument
        if (args[0] == null) {
            return 0;
        }

        // No attributes to process if a "primitive" is the first argument
        if (isPrimitive(args[0])) {
            return 0;
        }

        // No attributes to process if a DOM node is the first argument
        if (isNode(args[0])) {
            return 0;
        }

        // Process the first argument as a hash of attributes
        var attrs = args[0];
        for (var attrName in attrs) {
            processSingleDomAttribute(elem, attrName, attrs[attrName]);
        }

        // Return the number of arguments processed
        return 1;
    };

    // Return the function that creates new DOM elements
    return function() {
        var elem = createDomElement(name);

        // Process attribute hash, if any and skip the argument count returned
        var firstChild = processDomAttributes(elem, arguments);

        // Process the remaining children, if any
        for (var i = firstChild; i < arguments.length; i++) {
            var child = arguments[i];
            if (child == null) {
                continue;
            }
            // Convert any non-DOM nodes to text nodes with toString()
            if (!isNode(child)) {
                child = document.createTextNode(child.toString());
            }
            elem.appendChild(child);
        }

        return elem;
    };
}

var easyDomTags = [
    "bdo",
    "script",
    "object", "param",
    "iframe",
    "link", "meta",
    "p", "pre",
    "a",
    "div", "span",
    "ul", "ol", "li",
    "img",
    "hr",
    "br",
    "em", "strong", "sup", "sub", "tt", "abbr", "acronym",
    "del", "ins", "cite", "blockquote",
    "table", "tbody", "tfoot", "tr", "th", "td", "col", "colgroup", "caption",
    "form", "input", "select", "option", "optgroup", "button",
    "h1", "h2", "h3", "h4", "h5", "h6",
    "label"
];

var easyDom = {};
for (var i in easyDomTags) {
    easyDom[easyDomTags[i]] = createEasyDomFunction(easyDomTags[i]);
}

// Namespace pollution
var easydom = easyDom;
var easyDOM = easyDom;

// </nowiki></pre>