I have a problem that I've seen addressed multiple times in this forum, but I've tried the previously posted solution and I just can't seem to get it right.
I have a frameset as part of a simple web site for viewing family pictures.
Frames Page code looks like this:
The Content page has text and thumbnail pics. The Pictures page shows the full sized pics.
The Content page has the following code (just showing pieces of it, obviously, to illustrate the thumbnail and the JS behind it):
The Pictures page looks like this (with first picture from thumbnails as default):
This works beautifully in IE. Clicking on the thumbnails in Firefox results in a message in the Error Console stating parent.fraPictures.document.divPic has no properties.
Any help would be greatly appreciated.
Valerie
I have a frameset as part of a simple web site for viewing family pictures.
Frames Page code looks like this:
Code:
<FRAMESET cols="30%,70%" border=0>
<FRAME src="Mar07Content.htm" NAME="fraContent">
<FRAME src="Mar07Pictures.htm" name="fraPictures">
The Content page has text and thumbnail pics. The Pictures page shows the full sized pics.
The Content page has the following code (just showing pieces of it, obviously, to illustrate the thumbnail and the JS behind it):
Code:
<script>
function image_onclick(strImg)
{
parent.fraPictures.document.divPic.innerHTML=strImg;
}
</script>
<a onclick="image_onclick('<img src=IMG_4540.JPG>')">
<img border="0" src="TN_IMG_4540.JPG" width="95" height="127"></a>
The Pictures page looks like this (with first picture from thumbnails as default):
Code:
<body>
<div id=divPic><img src=IMG_4499.JPG></div>
</body>
This works beautifully in IE. Clicking on the thumbnails in Firefox results in a message in the Error Console stating parent.fraPictures.document.divPic has no properties.
Any help would be greatly appreciated.
Valerie