Inject new div into the page

Dev Shed Forums Sponsor:

January 2nd, 2013, 05:08 PM

yousg27

Registered User

Join Date: Dec 2012

Posts: 4

Time spent in forums: 59 m 10 sec
Reputation Power: 0

Other - Inject new div into the page

Hello

Code:


var temp = 1;  

document.getElementById('display').innerHTML +="<div id = \"temp\">  Here will be some image that will go to that div  </div>

I'm using the above code to inject a new div that has some images in to the " display " div in the body of the page.

Code:

<div id = \"temp\"></div>

the div id is set t a java script variable that changes. I tried the above and other syntax and it did not work.

I want the div id name to increase every time this function is called.

please help

thanks.

January 3rd, 2013, 07:54 AM

web_loone08

Contributing User

Join Date: Aug 2008

Posts: 605

Time spent in forums: 1 Week 1 Day 16 h 17 m 48 sec
Reputation Power: 69

You need to increment the "temp" variable; like so:

Code:

<script>
var temp = 0;
function injectDIV()
{
temp++;
document.getElementById("display").innerHTML += "<div id = \""+temp+"\">  Here will be some image that will go to that div  </div>";
}
</script>

<span id="display"></span>

<input type="button" value="Inject New Content" onclick="injectDIV()"/>

January 3rd, 2013, 05:02 PM

yousg27

Registered User

Join Date: Dec 2012

Posts: 4

Time spent in forums: 59 m 10 sec
Reputation Power: 0

Thanks alot.

I was missing to add the + variable +. The plus sign and this caused me lots of time.

What is a good way of learning java script and all syntax

January 3rd, 2013, 07:55 PM

AndrewSW

JavaScript is not spelt java

Join Date: Feb 2011

Location: Landan, England

Posts: 743

Time spent in forums: 2 Weeks 1 Day 23 h 1 m 13 sec
Reputation Power: 164

Quote:

Originally Posted by yousg27

Thanks alot.

I was missing to add the + variable +. The plus sign and this caused me lots of time.

What is a good way of learning java script and all syntax

Most online JS tutorials seem to be out-dated - unless someone can recommend an up-to-date site?

So I would recommend a book: JavaScript and jQuery: The Missing Manual, D S McFarland sounds good! (I haven't read it but his CSS, Missing Manual was very good.)

javascript: The Definitive Guide is an excellent book, but not an introductory text. The Missing Manual will be an easier introduction/tutorial.

__________________
"The mysql extension is deprecated as of PHP 5.5.0, and is not recommended for writing new code as it will be removed in the future. Instead, either the mysqli or PDO_MySQL extension should be used." the docs

Other - Inject new div into the page

Developer Shed Advertisers and Affiliates