Image.src not working after loading popup window

shawn · May 23, 2006

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">

</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 · May 23, 2006

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 · May 23, 2006

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 · May 24, 2006

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 · May 24, 2006

Thanks Richard. Changing out the HREF's with any other type of object
worked pefectly in IE.

Picture Comparison Code Not Working Properly	1	Jul 24, 2021
New to coding - image to the time of day based on time	2	May 14, 2022
Help with my responsive home page	2	Dec 14, 2022
Positioning a popup	10	Dec 13, 2020
Slideshow not working properly	2	Jan 7, 2023
Help with code	0	Jun 12, 2022
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Gallery - mosiac/grid layout with filtering and information page popup	1	Apr 13, 2020

Image.src not working after loading popup window

shawn

Richard Cornford

shawn

Richard Cornford

shawn

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads