iframe

admin · Jan 9, 2008

if you create an iframe, is there a way to change the src - dynamically change it to a different htm document? 
 
i have tried the obvious - document.iframeName.src and everything else i can think of. 
 
i am trying to swap the contents with a button.I think you need to use the frames array: 
 
 
HTML: 
<iframe name="iframe1" src=http://www.webdeveloper.com/forum/archive/index.php/"whatever.htm"></iframe> 
 
JS: 
document.frames['frame1'].src = 'http://www.webdeveloper.com/forum/archive/index.php/whereever.htm'; 
 
 
I think that's right; going from memory.Rick - 
 
In your example above i changed the js to: 
 
document.frames['iframe1'].src = 'http://www.webdeveloper.com/forum/archive/index.php/whereever.htm'; 
 
to match the names (caught that because it generated an error). 
 
however, still no luck. seems to do nothing for me (src did not change - but no error generated). i will poke around some more with it. i am not familiar with the frames array. 
 
any additional thoughts?This might work. The user will have to have JavaScript though. 
 
Instead of <iframe src=http://www.webdeveloper.com/forum/archive/index.php/"whatever.html"> do: 
 
<script language="JavaScript" type="text/JavaScript"> 
 
document.write("<iframe src=http://www.webdeveloper.com/forum/archive/index.php/\""); 
function pageOne() { 
document.write("page1.html"); 
} 
 
function pageTwo() { 
document.write("page2.html"); 
} 
document.write("\">"); 
 
</script> 
<body onLoad="pageOne();"> 
<input type="button" value="page1.html" onClick="page2.html;"> 
 
I don't know if that will work, but maybe it will. You might to do some tweaking of the code.got it: 
 
document.iframe1.location.replace("xxx.htm"); 
 
thanks for all the input everyone. 
 
but i am still curious about the frames array. must do some research.Heh, I was just about to post this: 
 
 
document.frames['iframe1'].location.hrefRick - 
 
either what you posted or what i posted works great with IE6. thanks for coming back. 
 
but on further testing, neither solution works with NS7. 
 
this cross-browser stuff is going to drive me nuts.Hopefully, someday, all the browsers will be as good as IE.

IE the best, hmm that's a matter of opinion

To get this to work in NS you probably need to use window.frames instead of document.can't get window. rather than document. to work in NS either. 
 
but thanks for the idea.Using window instead of document worked in both browsers for me ( tested in IE6 and NS7 ). 
 
document.frames['iframe1'].location.href = 'http://www.webdeveloper.com/forum/archive/index.php/some-page.html'thanks for coming back at me again. window. is working for me now as well in both browsers. i must have messed something up on my other test. 
 
thanks to all who pitched in. don't you love a happy ending!

iframe

admin

Administrator