Help: swap Image Link works in IE but Not FF

[PEJO]

I'm not much of a JS programmer so I used the the standard Macromedia swap
image function for a disjointed rollover..which works
fine.. no problem swapping the image with that code....

but when I add the following to the onMouseOver to the thumbnail:
onMouseOver="Pr oduct_Link.href ='http://glasstoilets.co m/catalog/tank1-p-28.html';

and

this to the full size...

<a href="" name="Product_L ink"><img src="Files/images/300x216/PICT0876.jpg"
name="Main_Imag e" width="300" height="216" id="PICT1204_l" </a>

It works fine in IE but not firefox... Meaning the images swap no problem in
both but the link only works in IE. My searching tells me that I may have
to use getElementById( ) but I'm not sure how to implement it in this
scenario.

Any help is greatly appreciated.
pejo
------------------------------------------------------
"Before you criticize someone
Walk a mile in their shoes
Then when you do criticize them
you'll be a mile away and
Wearing their shoes"
---seen on a wall somewhere in London

[Evertjan.]

PEJO wrote on 25 mei 2007 in comp.lang.javas cript:

I'm not much of a JS programmer so I used the the standard Macromedia
swap image function for a disjointed rollover..which works
fine.. no problem swapping the image with that code....

but when I add the following to the onMouseOver to the thumbnail:
onMouseOver="Pr oduct_Link.href ='http://glasstoilets.co m/catalog/tank1-p
-28.html';

and

this to the full size...

<a href="" name="Product_L ink"><img
src="Files/images/300x216/PICT0876.jpg" name="Main_Imag e" width="300"
height="216" id="PICT1204_l" </a>

It works fine in IE but not firefox... Meaning the images swap no
problem in both but the link only works in IE. My searching tells me
that I may have to use getElementById( ) but I'm not sure how to
implement it in this scenario.

Any help is greatly appreciated.

Try this first:

<img src="Files/images/300x216/PICT0876.jpg"
onMouseOver="th is.href='http://glasstoilets.co m/catalog/tank1-p-28.html'"
onmouseout="thi s.href='Files/images/300x216/PICT0876.jpg'"

>

=============== =======

FF correctly does not use a element name as an object.

Try:

<img src='' id="Plnk">

<img src="Files/images/300x216/PICT0876.jpg"
onMouseOver=
"document.getEl ementById('Plnk ').href =
'http://glasstoilets.co m/catalog/tank1-p-28.html'"

>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[PEJO]

OK I've tried this.. I'm getting a JS error when I rollover the small image.
It swaps the image but not the links.

here is the code I implemented as per your explanation.

for the thumbnail:

<a href="http://glasstoilets.co m/catalog/tank1-p-28.html"
onMouseOver="MM _swapImage('Bas s_model_s','',' Files/images/70x50/Bass_model.jpg' ,1);MM_swapImag e('Main_Image', '','Files/images/300x216/Bass_model.jpg' ,1)"><img
src="Files/images/70x50/Bass_model.jpg"
onMouseOver="do cument.getEleme ntById('Plnk'). href='http://glasstoilets.co m/catalog/tank1-p-28.html';"
name="Bass_mode l_s" border="0" id="Bass_model_ s"></a>

(The Debug popup points to an error in the above code.)
here is what I have for the main image as well

<img src="Files/images/300x216/PICT0876.jpg" name="Main_Imag e" width="300"
height="216" id="Plnk">

pete.


"Evertjan." <ex************ **@interxnl.net wrote in message
news:Xn******** ************@19 4.109.133.242.. .

PEJO wrote on 25 mei 2007 in comp.lang.javas cript:

>I'm not much of a JS programmer so I used the the standard Macromedia
swap image function for a disjointed rollover..which works
fine.. no problem swapping the image with that code....

but when I add the following to the onMouseOver to the thumbnail:
onMouseOver="P roduct_Link.hre f='http://glasstoilets.co m/catalog/tank1-p
-28.html';

and

this to the full size...

<a href="" name="Product_L ink"><img
src="Files/images/300x216/PICT0876.jpg" name="Main_Imag e" width="300"
height="216" id="PICT1204_l" </a>

It works fine in IE but not firefox... Meaning the images swap no
problem in both but the link only works in IE. My searching tells me
that I may have to use getElementById( ) but I'm not sure how to
implement it in this scenario.

Any help is greatly appreciated.

Try this first:

<img src="Files/images/300x216/PICT0876.jpg"
onMouseOver="th is.href='http://glasstoilets.co m/catalog/tank1-p-28.html'"
onmouseout="thi s.href='Files/images/300x216/PICT0876.jpg'"

>>

=============== =======

FF correctly does not use a element name as an object.

Try:

<img src='' id="Plnk">

<img src="Files/images/300x216/PICT0876.jpg"
onMouseOver=
"document.getEl ementById('Plnk ').href =
'http://glasstoilets.co m/catalog/tank1-p-28.html'"

>>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Evertjan.]

PEJO wrote on 28 mei 2007 in comp.lang.javas cript:

OK I've tried this.. I'm getting a JS error when I rollover the small
image. It swaps the image but not the links.

PLEASE do not toppost, but post under each part of the text you aree
reacting on.

here is the code I implemented as per your explanation.

for the thumbnail:

<a href="http://glasstoilets.co m/catalog/tank1-p-28.html"
onMouseOver="MM _swapImage('Bas s_model_s','',' Files/images/70x50/Bass_mo

MM_swapImage() what function is that?

del.jpg',1);MM_ swapImage('Main _Image','','Fil es/images/300x216/Bass_mod
el.jpg',1)"><im g src="Files/images/70x50/Bass_model.jpg"
onMouseOver="do cument.getEleme ntById('Plnk'). href='http://glasstoilets.
com/catalog/tank1-p-28.html';" name="Bass_mode l_s" border="0"
id="Bass_model_ s"></a>

So you have TWO onmouseovers over each other,
each changing some attribute of the other?

Why?

I do not even know what you want to accomplish.

Do you?

Why would you want to change an <ahref on mouseover, since you cannt
click it without first hoovering?

(The Debug popup points to an error in the above code.)

What is a "Debug popup"?
What error?
What line of code?

btw, why do you name an img that has a id?

here is what I have for the main image as well

<img src="Files/images/300x216/PICT0876.jpg" name="Main_Imag e"
width="300" height="216" id="Plnk">

=============== ===============

The best I can do for you is deleting all the code junk that is not
part of the probem and show you this:

<img
src='PICT0876.j pg'
id='Plnk'

>

<br><br>
<img
src='img1.jpg'
onMouseOver='do it(this);'
onClick= 'goThere();'
alt = 'Hover me or click me!'

>

<script type='text/javascript'>

function doit(x) {
x.src = 'img2.jpg';
x.style.cursor = 'pointer';
document.getEle mentById('Plnk' ).src =
'PICT0999999.jp g';
};

function goThere() {
location.href = 'http://cnn.com/';
};

</script>
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)