Click to produce iframe - HTML Forums

interpolarity · 08-20-2007, 11:49 AM

Can I have a link that when clicked, produces an iframe where the text used to be? Also, I would like to have other links on the page that would do the same thing, except they would also take away the iframe produced before.

Brownie points for anyone that can make it have a collapse type effect

as a side note, I CANNOT write JavaScript at ALL...I tried, and this is what I produced...
<a name="test" id="test" onclick="document.write("<iframe height="400px" width="400px" src="test.html"></iframe>")">Test</a>

but it didn't work...(no surprise there....)

please help... it is a bit urgent...

Gamini · 08-20-2007, 12:21 PM

HTML Code:

<html>
<head>
<script type="text/javascript">
    function create() {
            iframe = document.createElement('iframe'); 
            iframe.setAttribute('height', '400px'); 
	    iframe.setAttribute('width', '400px'); 
	    iframe.setAttribute('src', 'licheck.html'); 
            iframe.setAttribute('id', 'frame'); 
            
            div = document.getElementById('container'); 
            div.appendChild(iframe); 
    }

    function destroy() {
           document.getElementById('frame').style.display = 'none'; 
    }
</script>
<body>
<div id="container"></div>
<a href="#" onClick="create()">Create</a>
<a href="#" onClick="destroy()">Destroy</a>
</body>
</html>

interpolarity · 08-20-2007, 12:36 PM

AMAZING!!

I hope I'm not asking too much, but is it possible to have the link destroy any previous iframes made, and then produce...or just replace it? like switch an attribute?
If so, GREAT!
If not, the one you gave is fine

interpolarity · 08-20-2007, 12:55 PM

actually, I would REALLY appreciate code that would allow me to change the iframe's src attribute..... pretty please

*edit* sorry for the confusion, and thank you for your help, but I realized that divs would look better than iframes.... what I want is several links that when you click them, the content inside the div changes... once again, sorry for the confusion