Ad:

JavaScript / DHTML / AJAX Discussion Thread
Marked Solved
Views: 24216

Nov 8th, 2008

create and append div to body tag

Expand Post »

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

cmills83

Reputation Points: 37

Solved Threads: 1

Posting Whiz in Training

Offline

249 posts
since Jun 2004

Permalink

Nov 11th, 2008

Re: create and append div to body tag

Google for createElement and insertBefore.

~s.o.s~

Super Moderator

Featured Poster

Reputation Points: 3233

Solved Threads: 719

Failure as a human

Offline

8,871 posts
since Jun 2006

Permalink

Nov 11th, 2008

Re: create and append div to body tag

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

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.

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Nov 11th, 2008

Re: create and append div to body tag

thanks for the replies i ended up doing this

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);
		}
}

cmills83

Reputation Points: 37

Solved Threads: 1

Posting Whiz in Training

Offline

249 posts
since Jun 2004

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Get all children and their childeren - not innerHTML

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Forcing Flash to Show below Javascript Hover Div

DaniWeb Message

Cancel Changes

User Name
Password