Connecting Tech Pros Worldwide Help | Site Map

Firefox/ie issue with img src update?

David Housman
Guest
 
Posts: n/a
#1: Jan 24 '07
Hello,

Though this came up in the act of learning js, I'm not actually sure
this is a js question. I can write and call a function to update the
src of an image. But in Firefox the image quickly reverts back to the
original one. In IE it seems to work properly.
I boiled this down to the following lines:

<img name = "myImage" src = "script/images/balloon.gif" width="106"
height="131">
<a href
onClick="document.myImage.src='script/images/heron.gif'"))>heron!</a>

If this isn't a js question, I'd appreciate it someone could point me
in the right direction. Thanks in advance for your understanding and
assistance.

Thanks again,
Dave

-Lost
Guest
 
Posts: n/a
#2: Jan 24 '07

re: Firefox/ie issue with img src update?


"David Housman" <dhousman@gmail.comwrote in message
news:1169613980.256687.128850@h3g2000cwc.googlegro ups.com...
Quote:
Hello,
>
Though this came up in the act of learning js, I'm not actually sure
this is a js question. I can write and call a function to update the
src of an image. But in Firefox the image quickly reverts back to the
original one. In IE it seems to work properly.
I boiled this down to the following lines:
>
<img name = "myImage" src = "script/images/balloon.gif" width="106"
height="131">
<a href
onClick="document.myImage.src='script/images/heron.gif'"))>heron!</a>
>
If this isn't a js question, I'd appreciate it someone could point me
in the right direction. Thanks in advance for your understanding and
assistance.
>
Thanks again,
Dave
Hrmm... no clue if this is the culprit, but why is there 2 parenthesis after the event
handler?

<a href="heron.htm" onclick="document.myImage.src='script/images/heron.gif'; return
false;">heron!</a>

-Lost


Randy Webb
Guest
 
Posts: n/a
#3: Jan 24 '07

re: Firefox/ie issue with img src update?


-Lost said the following on 1/24/2007 1:14 AM:
Quote:
"David Housman" <dhousman@gmail.comwrote in message
news:1169613980.256687.128850@h3g2000cwc.googlegro ups.com...
Quote:
>Hello,
>>
>Though this came up in the act of learning js, I'm not actually sure
>this is a js question. I can write and call a function to update the
>src of an image. But in Firefox the image quickly reverts back to the
>original one. In IE it seems to work properly.
>I boiled this down to the following lines:
>>
><img name = "myImage" src = "script/images/balloon.gif" width="106"
>height="131">
><a href
>onClick="document.myImage.src='script/images/heron.gif'"))>heron!</a>
>>
>If this isn't a js question, I'd appreciate it someone could point me
>in the right direction. Thanks in advance for your understanding and
>assistance.
>>
>Thanks again,
>Dave
>
Hrmm... no clue if this is the culprit, but why is there 2 parenthesis after the event
handler?
>
<a href="heron.htm" onclick="document.myImage.src='script/images/heron.gif'; return
false;">heron!</a>
The issue was with the lack of a return false in the event handler. The
onclick fires, the image gets changed, the href gets followed and
Firefox is reloading the page so that it goes back to the original image.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Closed Thread