How to load page dynamically in iframe

Question

I just want to load an html page in iframe on clicking a link or button in the same page. I used javascript to load the page dynamically. But, I couldn't do that. Please anyone guide me to do that. My code is as follows:

document.getElementById("iframeelem").src="newhtml.jsp";

Answer 1

See here. A great help :

• Loading pages in iframe dynamically

Though a bit off topic, a good side reading :

• Loading external sites into Iframe dynamically - is there a better way??
• How to dynamic load the document content into an iframe?

Answer 2

Your code is correct. Here is a tutorial, just in case: http://www.dyn-web.com/tutorials/iframes/

What is the error?

Verify the id of your frame and url are correct (type in the url in a browser window and make sure you get your page).

Answer 3

Put this on the embedded page

<p>
<input type='button' name='Next' value='Next Page'
onclick='window.location.replace("http://timecrystal.co.uk/");' />
</p>