Adding something after an element

[Shorty]

How would you go about adding something after an entire element? Mainly in my case an input area.

[Shrike]

You could use appendChild or insertBefore, the links have examples of various ways of doing it.

[Shorty]

Okay. Thanks

[Shorty]

Thank you. That was actually a lot easier than expected. Thanks again.

Here's what I did with it. Not exactly sure how useful it would be, but it was an idea I had and I felt I should go with it. lol

<script type="text/javascript">

var staff = "admin"; //separate by a comma

if(pb_action == 'pmsend'){
var staffButton = document.createElement("input")
var toIn = document.getElementsByName("to")[0];
staffButton.setAttribute("type","button");
staffButton.setAttribute("onClick","showStaff()");
staffButton.setAttribute("value","PM Staff");
var parentDiv = toIn.parentNode;
parentDiv.insertBefore(staffButton, toIn.nextSibling);
}
function showStaff() {
document.postForm.to.value = staff;
}
</script>



Edit to add, that this does not work in IE. The only problem is with the adding the staff names to the input.

[coolcoolcool]

Nice script .

By the way, if you ever find you're finding a lot of uses for insertAfter, you could always make a user defined function for it. Just do something like the following.

var insertAfter = function(newElem, oldElem) { return oldElem.nextSibling ? oldElem.parentNode.insertBefore(newElem, oldElem.nextSibling) : oldElem.parentNode.appendChild(newElem); };

Then you can just do insertAfter(document.createTextNode("sup"),document.getElementsByTagName("font")[2]);

or whatever you feel like.

[Shorty]

Okay cool thanks!!!