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.
64 lines
2.2 KiB
64 lines
2.2 KiB
jsonToDOM.namespaces = {
|
|
html: "http://www.w3.org/1999/xhtml",
|
|
xul: "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
|
};
|
|
|
|
jsonToDOM.defaultNamespace = jsonToDOM.namespaces.html;
|
|
|
|
function jsonToDOM(jsonTemplate, doc, nodes) {
|
|
function namespace(name) {
|
|
var reElemNameParts = /^(?:(.*):)?(.*)$/.exec(name);
|
|
return { namespace: jsonToDOM.namespaces[reElemNameParts[1]], shortName: reElemNameParts[2] };
|
|
}
|
|
|
|
// Note that 'elemNameOrArray' is: either the full element name (eg. [html:]div) or an array of elements in JSON notation
|
|
function tag(elemNameOrArray, elemAttr) {
|
|
// Array of elements? Parse each one...
|
|
if (Array.isArray(elemNameOrArray)) {
|
|
var frag = doc.createDocumentFragment();
|
|
Array.prototype.forEach.call(arguments, function(thisElem) {
|
|
frag.appendChild(tag.apply(null, thisElem));
|
|
});
|
|
return frag;
|
|
}
|
|
|
|
// Single element? Parse element namespace prefix (if none exists, default to defaultNamespace), and create element
|
|
var elemNs = namespace(elemNameOrArray);
|
|
var elem = doc.createElementNS(elemNs.namespace || jsonToDOM.defaultNamespace, elemNs.shortName);
|
|
|
|
// Set element's attributes and/or callback functions (eg. onclick)
|
|
for (var key in elemAttr) {
|
|
var val = elemAttr[key];
|
|
if (nodes && key == "key") {
|
|
nodes[val] = elem;
|
|
continue;
|
|
}
|
|
|
|
var attrNs = namespace(key);
|
|
if (typeof val == "function") {
|
|
// Special case for function attributes; don't just add them as 'on...' attributes, but as events, using addEventListener
|
|
elem.addEventListener(key.replace(/^on/, ""), val, false);
|
|
}
|
|
else {
|
|
// Note that the default namespace for XML attributes is, and should be, blank (ie. they're not in any namespace)
|
|
elem.setAttributeNS(attrNs.namespace || "", attrNs.shortName, val);
|
|
}
|
|
}
|
|
|
|
// Create and append this element's children
|
|
var childElems = Array.prototype.slice.call(arguments, 2);
|
|
childElems.forEach(function(childElem) {
|
|
if (childElem != null) {
|
|
elem.appendChild(
|
|
childElem instanceof doc.defaultView.Node ? childElem :
|
|
Array.isArray(childElem) ? tag.apply(null, childElem) :
|
|
doc.createTextNode(childElem));
|
|
}
|
|
});
|
|
|
|
return elem;
|
|
}
|
|
|
|
return tag.apply(null, jsonTemplate);
|
|
}
|