AJAX

create and append div to body tag

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Jun 2004

Posts: 247

Reputation: cmills83 is an unknown quantity at this point

Solved Threads: 1

cmills83

Offline

Posting Whiz in Training

create and append div to body tag

Nov 8th, 2008

i have tried a few tutorials but i cant get this working. I am trying to create a div with the id of overlay and insert it right after the body tag when a function is run. can anyone help? thanks

•

Join Date: Jun 2006

Posts: 7,652

Reputation: ~s.o.s~ has much to be proud of

Solved Threads: 474

~s.o.s~

Offline

Failure as a human

Re: create and append div to body tag

Nov 11th, 2008

Google for createElement and insertBefore.

I don't accept change; I don't deserve to live.

Jo Tujhe Jagaaye, Nindein Teri Udaaye Khwaab Hai Sachcha Wahi.
Nindon Mein Jo Aaye Jise To Bhul Jaaye Khawab Woh Sachcha Nahi.
Khwaab Ko Raag De, Nind Ko Aag De

•

Join Date: Aug 2008

Posts: 954

Reputation: essential will become famous soon enough

Solved Threads: 131

essential

Offline

Posting Shark

Re: create and append div to body tag

Nov 11th, 2008

Here's a simple demo, to get you started!

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<html>
<head>
<title><!--Sample--></title>
<script language="JavaScript"type="text/javascript">
<!--
function createDiv() 
{ var _body = document.getElementsByTagName('body') [0];
var _div = document.createElement('div');
var _text = document.createTextNode('Creating Div Element')
_div.appendChild(_text);
_body.appendChild(_div);
}
window.onload = createDiv;
-->
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<title><!--Sample--></title>
<script language="JavaScript"type="text/javascript">
<!--
function createDiv() 
{ var _body = document.getElementsByTagName('body') [0];
var _div = document.createElement('div');
var _text = document.createTextNode('Creating Div Element')
_div.appendChild(_text);
_body.appendChild(_div);
}
window.onload = createDiv;
-->
</script>
</head>
<body>
</body>
</html>

If you need something else just let me know. Good day to you...

Last edited by essential; Nov 11th, 2008 at 1:18 pm.

•

Join Date: Jun 2004

Posts: 247

Reputation: cmills83 is an unknown quantity at this point

Solved Threads: 1

cmills83

Offline

Posting Whiz in Training

Re: create and append div to body tag

Nov 11th, 2008

thanks for the replies i ended up doing this

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
function createDivs() {
var div = document.createElement('div');
		var container = document.createElement('div');
    	div.id = 'overlay';
		container.id = 'form_container';
if (document.body.firstChild){
      	document.body.insertBefore(div, document.body.firstChild);
		document.body.insertBefore(container, document.body.firstChild);
		} else {
      	document.body.appendChild(div);
		document.body.appendChild(container);
		}
}
function createDivs() {
var div = document.createElement('div');
		var container = document.createElement('div');
    	div.id = 'overlay';
		container.id = 'form_container';
if (document.body.firstChild){
      	document.body.insertBefore(div, document.body.firstChild);
		document.body.insertBefore(container, document.body.firstChild);
		} else {
      	document.body.appendChild(div);
		document.body.appendChild(container);
		}
}