Inserting elements into a page
The following code snippet is to help insert a code snippet into a page without using document.write.
//javascript Insert element without document.write
function insert() {
var insertElement = getNewElement(‘div’,‘ElementID’, ‘ElementName’);
var targetElement = document.getElementById(‘targetId’);
insertAfter(insertElement , targetElement);
}
/* insert a new element after the targetelement */
function insertAfter(newElement, targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
parent.appendChild(newElement);
}
else {
parent.insertBefore(newElement, targetElement.nextSibling);
}
}
// Get new element of 1⁄1 pixel size
function getNewElement(elementTag,elementID,elementName) {
var newElement = document.createElement(elementTag);
newElement.id = elementID;
newElement.name = elementName;
newElement.width = ‘1’;
newElement.height = ‘1’;
newElement.frameborder = ‘1’;
newElement.marginwidth = ‘1’;
newElement.marginheight = ‘1’;
newElement.vspace = ‘1’;
newElement.hspace = ‘1’;
newElement.alltransparency = ‘true’;
return newElement;
}
As a side we can also get the insert scripts by figuring out the script source:
//javascript Get the last script tag in javascript
function getLastScriptElement(url) {
var scripts = document.getElementsByTagName(‘script’);
var matchUrl = ‘js/sample.js’.toLowerCase();
for (var i = 0; i < scripts.length; i++) {
var srcUrl = scripts[i].src.toLowerCase();
var match = srcUrl.match(matchUrl);
//if (scripts[i].src.toLowerCase() == url.toLowerCase() + ‘js/sample.js’.toLowerCase())
if (null != match) {
break;
}
}
if (undefined == scripts[i + 1]) {
return scripts[i];
} else {
return scripts[i +1];
}
}
This post was recyled from Art of Software, Craft of Hardware.
About the Author
Ramjee Ganti trying to find the meaning of 42.. More Info...
comments powered by Disqus