Hi
I'm trying some code with iframes as discussed in the book Ajax.
My code is

<TD id=b2><IFRAME ID="iframe1"></IFRAME><BR>
<INPUT TYPE="BUTTON" OnClick="javascript:document.getElementById('ifram e1').location='http://www.yahoo.it'" VALUE="click"></TD>

this is the syntax provided in the book, but when I click the button nothing happens.

I have to change the code to

<TD id=b2><IFRAME ID="iframe1"></IFRAME><BR>
<INPUT TYPE="BUTTON" OnClick="javascript:document.getElementById('ifram e1').src='http://www.yahoo.it'" VALUE="click"></TD>

and now when I click the button the content of the iframe changes.

Can someone explain me why I can't use the syntax I read in the book?
Thanks to everyone

I think it's just a mistake in the book. The iframe doesn't have a location property, the window it contains does. What page, and in which edition, was that?

--

Joe (Microsoft MVP - XML)

Maybe it's my mistake...I read again the example code and I modify my testing page. Now the code is

<TD id=b2><IFRAME ID="iframe1"></IFRAME><BR>
<INPUT TYPE="BUTTON" OnClick="javascript:frames['iframe1'].location='http://www.yahoo.it'" VALUE="click"></TD>

I thought (wrong?) frames['iframe1'] and document.getElementById['iframe1'] return the same object.

Now the source code works on IE and Opera but not with Firefox, the error console reports "Error: frames.iframe1 has no propriertis"

Yes getElementById() will fetch the frame element which is different from the frame and its contents, retrieved via the frames collection. I have been caught out by that myself before now. Not sure why Firefox fails, I will try to test later today. I think you actually need to use the name attribute rather than the id though.

--

Joe (Microsoft MVP - XML)

Yes, I specified NAME attribute too and then firefox works.
final code is

<TD id=b2><IFRAME ID="iframe1" name="iframe1"></IFRAME><BR>
<INPUT TYPE="BUTTON" OnClick="javascript:top.frames['iframe1'].location='http://www.yahoo.it'" VALUE="click"></TD>

thanks for support :)