Connecting Tech Pros Worldwide Help | Site Map

Firefox/ie issue with img src update?

  #1  
Old January 24th, 2007, 04:55 AM
David Housman
Guest
 
Posts: n/a
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

  #2  
Old January 24th, 2007, 06:15 AM
-Lost
Guest
 
Posts: n/a

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


  #3  
Old January 24th, 2007, 01:25 PM
Randy Webb
Guest
 
Posts: n/a

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


Similar Threads
Thread Thread Starter Forum Replies Last Post
Image Source Not Changing in IE dreaken667 answers 4 August 29th, 2007 12:53 PM
IE AJAX Issue.. Nico VanHaaster answers 6 April 14th, 2007 08:25 PM
VB6 OR VBA & Webbrowser DOM Tiny $50 Mini Project Programmer help gunimpi answers 0 January 10th, 2007 08:55 PM
Help with status bar - still showing load in progress even after page load Mike Dee answers 3 March 1st, 2006 08:15 PM