images w IE i Firefox i innych przegl±darkach

[K.]

Witam!

Napisalem taka oto funkcje:


function img_Pokaz(adres,formName,hint_img)
{
eval('document.'+formName+'.'+hint_img+'.src = "'+adres+'"');
}


i wplotlem go w znacznik img

<img src="images/Zareczyny.gif" width="165" height="50" alt=""
usemap="#Mapa_menu_zareczyny" border="0" name="zareczyny"
onMouseOver="img_Pokaz('images/Zareczyny_kolor.gif','form_glowny','zareczyny');"
onMouseOut="img_Pokaz('images/Zareczyny.gif','form_glowny','zareczyny');" />


Problem w tym, ze na IE 7.0. dziala wszystko ok, a na Firefoxie niestety nie
podmieniaja sie gify i menu daje efekt menu statycznego.

Jak powinienem zmodyfikowac wiec funkcje img_Pokaz by dostosowac ja do
wszystkich przegladarek?

Z gory dzieki za posta
Pozdrawiam
M.

 

[K.]

Witam!

Napisalem taka oto funkcje:


function img_Pokaz(adres,formName,hint_img)
{
eval('document.'+formName+'.'+hint_img+'.src = "'+adres+'"');
}


i wplotlem go w znacznik img

<img src="images/Zareczyny.gif" width="165" height="50" alt=""
usemap="#Mapa_menu_zareczyny" border="0" name="zareczyny"
onMouseOver="img_Pokaz('images/Zareczyny_kolor.gif','form_glowny','zareczyny');"
onMouseOut="img_Pokaz('images/Zareczyny.gif','form_glowny','zareczyny');"
/>


Problem w tym, ze na IE 7.0. dziala wszystko ok, a na Firefoxie niestety
nie podmieniaja sie gify i menu daje efekt menu statycznego.

Jak powinienem zmodyfikowac wiec funkcje img_Pokaz by dostosowac ja do
wszystkich przegladarek?

Z gory dzieki za posta
Pozdrawiam
M.

Here is the transaltion of my problem
Hello!

I wrote such Javascript function:

function img_Show(adres,formName,hint_img)
{
eval('document.'+formName+'.'+hint_img+'.src = "'+adres+'"');
}


and added into img element:

<img src="images/Zareczyny.gif" width="165" height="50" alt=""
usemap="#Mapa_menu_zareczyny" border="0" name="zareczyny"
onMouseOver="img_Show('images/Zareczyny_kolor.gif','form_glowny','zareczyny');"
onMouseOut="img_Show('images/Zareczyny.gif','form_glowny','zareczyny');" />


There is a problem because it works fine in IE 7.0., but on Firefox not fine
and there are
no replace for gif on menu and it gives such effect that menu is static


How should look like img_Show function to fit it into all web browsers?

Thank you in advance for post
Cheers
M.

 

[RalfWeb1]

Hello K,

function img_Show(adres,formName,hint_img)
{
eval('document.'+formName+'.'+hint_img+'.src = "'+adres+'"');

}

Maybe try this:

document.getElementByName(hint_img).src = adres;

Not tested, but I think it works in all new browsers (DOM).

greetz, Ralf...

 

[K.]

Hello K,


Maybe try this:

document.getElementByName(hint_img).src = adres;

Not tested, but I think it works in all new browsers (DOM).

greetz, Ralf...

Unfortunately it doesn`t work either.

Marcin

 

[RalfWeb1]

Hello K,

Unfortunately it doesn`t work either.

Okay, I tried it now with not 'name', but 'id'.

Use the ID-attribut in the img element and use the getElementById()
function.
like: <img src='...' id='zareczyny' ...>

document.getElementById('zareczyny').src = varValue;

It works with .alt, I think also with .src .

have a nice day!

 

[K.]

Hello K,


Okay, I tried it now with not 'name', but 'id'.

Use the ID-attribut in the img element and use the getElementById()
function.
like: <img src='...' id='zareczyny' ...>

document.getElementById('zareczyny').src = varValue;

It works with .alt, I think also with .src .

have a nice day!

It doesn`t work for both getElementById and getElementByName.

I think I shoul do this by adding some CSS service.

Have a nice day too
Marcin

 

[RalfWeb1]

It doesn`t work for both getElementById and getElementByName.

Don't know what's wrong with your code, but I used your snippet and
added it to an example html-file.
It works fine.

take a look at: http://www.wonderer.de/test/img_over.html

greetz...

 

[MZ]

Don't know what's wrong with your code, but I used your snippet and
added it to an example html-file.
It works fine.

take a look at: http://www.wonderer.de/test/img_over.html

greetz...

Thank you for help.
It works now.
I had to change maps positions for Firefox, and set different for IE.
Here is me result:

http://www.slub.zmyslowski.pl/

Thank you Ralf
Marcin