2,290
edits
No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
/* Taken from http://grifkuba.org/starfox/wiki/MediaWiki:Common.js on 6/19/10 */ | /* Taken from http://grifkuba.org/starfox/wiki/MediaWiki:Common.js on 6/19/10 */ | ||
// -------------------------------------------------------- | // -------------------------------------------------------- | ||
Line 346: | Line 347: | ||
/*gotten from http://en.wiktionary.org/w/index.php?title=MediaWiki:Common.js on 10/16/2010*/ | /*gotten from http://en.wiktionary.org/w/index.php?title=MediaWiki:Common.js on 10/16/2010*/ | ||
/* | |||
=== DOM creation === | |||
<pre>*/ | |||
/** | |||
* Create a new DOM node for the current document. | |||
* Basic usage: var mySpan = newNode('span', "Hello World!") | |||
* Supports attributes and event handlers*: var mySpan = newNode('span', {style:"color: red", focus: function(){alert(this)}, id:"hello"}, "World, Hello!") | |||
* Also allows nesting to create trees: var myPar = newNode('p', newNode('b',{style:"color: blue"},"Hello"), mySpan) | |||
* | |||
* *event handlers, there are some issues with IE6 not registering event handlers on some nodes that are not yet attached to the DOM, | |||
* it may be safer to add event handlers later manually. | |||
**/ | |||
function newNode(tagname){ | |||
var node = document.createElement(tagname); | |||
for( var i=1;i<arguments.length;i++ ){ | |||
if(typeof arguments[i] == 'string'){ //Text | |||
node.appendChild( document.createTextNode(arguments[i]) ); | |||
}else if(typeof arguments[i] == 'object'){ | |||
if(arguments[i].nodeName){ //If it is a DOM Node | |||
node.appendChild(arguments[i]); | |||
}else{ //Attributes (hopefully) | |||
for(var j in arguments[i]){ | |||
if(j == 'class'){ //Classname different because... | |||
node.className = arguments[i][j]; | |||
}else if(j == 'style'){ //Style is special | |||
node.style.cssText = arguments[i][j]; | |||
}else if(typeof arguments[i][j] == 'function'){ //Basic event handlers | |||
try{ node.addEventListener(j,arguments[i][j],false); //W3C | |||
}catch(e){try{ node.attachEvent('on'+j,arguments[i][j],"Language"); //MSIE | |||
}catch(e){ node['on'+j]=arguments[i][j]; }}; //Legacy | |||
}else{ | |||
node.setAttribute(j,arguments[i][j]); //Normal attributes | |||
} | |||
} | |||
} | |||
} | |||
} | |||
return node; | |||
} | |||
/*</pre> | |||
/* | /* | ||
######### | ######### |