Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Image.src not working after loading popup window

0 views
Skip to first unread message

sh...@actionjackson.com

unread,
May 23, 2006, 5:53:12 PM5/23/06
to
I have a simple script located here which loads different images when
you click on some links. Everything works fine until you click on the
last link which opens a popup window (zoom image). After you close
this window and try to click on the different links they make the image
dissappear. Does anyone know what I can do to get it to work even
after I view the popup window? It seems like it loses focus or the
document model changes or something.

Thanks!

Working Example:
http://www.designerbridalonline.com/test.htm


Source Code:
-----------------------------------------------------------
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide from non JavaScript Browsers
Image1= new Image
Image1.src =
"http://www.designerbridalonline.com/store/images/items/fullsize/FJ80Toy.jpg"

Image2= new Image
Image2.src =
"http://www.designerbridalonline.com/store/images/items/view2/FJ80Toy.jpg"

Image3= new Image
Image3.src =
"http://www.designerbridalonline.com/store/images/items/view3/FJ80Toy.jpg"

Image4= new Image
Image4.src =
"http://www.designerbridalonline.com/store/images/items/view4/FJ80Toy.jpg"
// End Hiding -->
</SCRIPT>
</head>
<body>
<img name=ItemImage border="0"
src="http://www.designerbridalonline.com/store/images/items/fullsize/FJ80Toy.jpg"
hspace="4" vspace="4" border=0>
<br />
<a href="javascript:;" onclick="document.ItemImage.src=Image1.src">Rear
Passengers Side</a><br>
<a href="javascript:;" onclick="document.ItemImage.src=Image2.src">Rear
Drivers Side</a><br>
<a href="javascript:;" onclick="document.ItemImage.src=Image3.src">Side
View</a><br>
<a href="javascript:;"
onclick="document.ItemImage.src=Image4.src">Front Drivers Side</a><br>
<a href="javascript:;"
onClick="window.open('http://www.designerbridalonline.com/store/images/items/zoom/FJ80Toy.jpg','','width=660,height=505');
return false;">Open Zoom Window</a></font>
</body>
</html>

Richard Cornford

unread,
May 23, 2006, 6:16:52 PM5/23/06
to
sh...@actionjackson.com wrote:
> I have a simple script located here which loads different
> images when you click on some links. Everything works fine
> until you click on the last link which opens a popup window
> (zoom image). After you close this window and try to click
> on the different links they make the image dissappear.
<snip>

You are using javascript: pseudo-protocol HREFs in your links. This is
one of the many undesirable symptoms that follow from the execution of
javascript pseudo-protocol HREFs.

Richard.


sh...@actionjackson.com

unread,
May 23, 2006, 6:35:39 PM5/23/06
to
I noticed this example does work fine in Firefox but not IE. If I get
rid of the HREF's what would you recommend to replace them? Thanks!

Richard Cornford

unread,
May 23, 2006, 7:00:00 PM5/23/06
to
sh...@actionjackson.com wrote:
> I noticed this example does work fine in Firefox but
> not IE.

The pseudo-protocol issue is most evident in IE browsers, but commercial
scripting always must work with IE so javascript pseudo-protocol HREFs
are out of the question anyway.

> If I get rid of the HREF's what would you recommend to
> replace them? Thanks!

I would not design a script without knowing the context I was designing
it for.

You should read the group's FAQ with regard to conventional posting
style:-

<URL: http://jibbering.com/faq/ >

- else you will not be getting much useful help here (assuming you are
willing to understand and act accordingly).

Richard.


sh...@actionjackson.com

unread,
May 23, 2006, 8:50:58 PM5/23/06
to
Thanks Richard. Changing out the HREF's with any other type of object
worked pefectly in IE.

0 new messages