Velocity Reviews

Velocity Reviews (http://www.velocityreviews.com/forums/index.php)
-   Javascript (http://www.velocityreviews.com/forums/f68-javascript.html)
-   -   Image.src not working after loading popup window (http://www.velocityreviews.com/forums/t924917-image-src-not-working-after-loading-popup-window.html)

shawn@actionjackson.com 05-23-2006 09:53 PM

Image.src not working after loading popup window
 
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 05-23-2006 10:16 PM

Re: Image.src not working after loading popup window
 
shawn@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.



shawn@actionjackson.com 05-23-2006 10:35 PM

Re: Image.src not working after loading popup window
 
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 05-23-2006 11:00 PM

Re: Image.src not working after loading popup window
 
shawn@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.



shawn@actionjackson.com 05-24-2006 12:50 AM

Re: Image.src not working after loading popup window
 
Thanks Richard. Changing out the HREF's with any other type of object
worked pefectly in IE.



All times are GMT. The time now is 10:16 PM.

Powered by vBulletin®. Copyright ©2000 - 2014, vBulletin Solutions, Inc.
SEO by vBSEO ©2010, Crawlability, Inc.