Post by Jay on Jun 21, 2007 18:20:56 GMT
Hi.
Script
<script type="text/javascript">
<!--
// Multi Purpose DOM Function
// Open Source - use and distribute freely
function g(type, node) {
var arg = arguments[0];
arg = parseInt(arg.length);
if (arg > 0) {
switch (arguments[0]) {
case "id" : return document.getElementById(node); break;
case "tag" : return document.getElementsByTagName(node); break;
case "text" : return document.createTextNode(node); break;
case "elem" : return document.createElement(node); break;
case "append" :
if (node[2] != 2) {
return document.getElementById(node[0]).appendChild(node[1]);
}
else return node[0].appendChild(node[1]);
break;
default :
var c = document.createElement(arguments[0].split("-")[1]);
for (var a in arguments[1]) {
if (!node[0].match(/^on(click|submit)$/)) {
c.setAttribute(node[0], node[1]);
}
}
return c;
}
}
else {
return false;
}
}
//-->
</script>
Usage
To return an element by tag name:
var td = g("tag", "TD");
To return an element by ID:
var id = g("id", "id_name_here");
To create a text node:
var txt = g("text", "text_node_here");
To create an element:
var elem = g("elem", "element_nodename_here");
To append a child to an already created element:
var ap = g("append", [
element_name_here,
element_to_append,
2
]);
To append a child to and element with an ID:
g("append", [
"id_name_here",
element_to_append,
1
]);
*To build premade elements with attributes:*
var div = g("premade-DIV", [
["attribute_here", "value_here"],
["another_attribute_here", "another_value_here"]
]);
If you have any questions, just ask. And please do enjoy.
Script
<script type="text/javascript">
<!--
// Multi Purpose DOM Function
// Open Source - use and distribute freely
function g(type, node) {
var arg = arguments[0];
arg = parseInt(arg.length);
if (arg > 0) {
switch (arguments[0]) {
case "id" : return document.getElementById(node); break;
case "tag" : return document.getElementsByTagName(node); break;
case "text" : return document.createTextNode(node); break;
case "elem" : return document.createElement(node); break;
case "append" :
if (node[2] != 2) {
return document.getElementById(node[0]).appendChild(node[1]);
}
else return node[0].appendChild(node[1]);
break;
default :
var c = document.createElement(arguments[0].split("-")[1]);
for (var a in arguments[1]) {
if (!node[0].match(/^on(click|submit)$/)) {
c.setAttribute(node[0], node[1]);
}
}
return c;
}
}
else {
return false;
}
}
//-->
</script>
Usage
To return an element by tag name:
var td = g("tag", "TD");
To return an element by ID:
var id = g("id", "id_name_here");
To create a text node:
var txt = g("text", "text_node_here");
To create an element:
var elem = g("elem", "element_nodename_here");
To append a child to an already created element:
var ap = g("append", [
element_name_here,
element_to_append,
2
]);
To append a child to and element with an ID:
g("append", [
"id_name_here",
element_to_append,
1
]);
*To build premade elements with attributes:*
var div = g("premade-DIV", [
["attribute_here", "value_here"],
["another_attribute_here", "another_value_here"]
]);
If you have any questions, just ask. And please do enjoy.