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.]

U¿ytkownik "K." <ha************@poczta.onet.plnapisa³ w wiadomo¶ci
news:f0**********@news.onet.pl...

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.]

U¿ytkownik <Ra******@gmx.denapisa³ w wiadomo¶ci
news:11**********************@b58g2000hsg.googlegr oups.com...

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

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.]

Uzytkownik <Ra******@gmx.denapisal w wiadomosci
news:11*********************@y80g2000hsf.googlegro ups.com...

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!

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]

Uzytkownik <Ra******@gmx.denapisal w wiadomosci
news:11**********************@y80g2000hsf.googlegr oups.com...

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

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

[=?UTF-8?B?R8OpcmFyZCBUYWxib3Q=?=]

MZ wrote :

Uzytkownik <Ra******@gmx.denapisal w wiadomosci
news:11**********************@y80g2000hsf.googlegr oups.com...

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

Here is me result:

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

Line 17: <script language="Javascript" type="text/javascript">

language is deprecated; just remove language="Javascript"

Line 40: <!--
Just remove the HTML comments; they are unneeded and can create side effects

http://www.javascripttoolbox.com/bes...ices/#comments

I checked your code. All you want is just simple, normal rollovers of
images (of text, by the way, not even true images).
Using images to render text is a deprecated and non-recommendable web
design practice.
So, you do not need image maps (and so many of them) at all and you do
not need a form for your webpage. You misuse image map here. And all of
your image slicing is not helping: they increase number of http
requests: so they slow down rendering of webpage. Also, spacer.gif are
totally deprecated web design practice.

<tr>
<td>
<img src="images/spacer.gif" width="31" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="140" height="1" alt="" /></td>

<td>
<img src="images/spacer.gif" width="120" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="165" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="150" height="1" alt="" /></td>
<td>

<img src="images/spacer.gif" width="45" height="1" alt="" /></td>
</tr>

Resources for you in Polish:

Zawartość Mozilla Developer Center
http://developer.mozilla.org/pl/docs...C5%82%C3%B3wna

http://mozillapl.org/forum/
Standardy WWW i źle działające strony
Tworzenie stron WWW

Gérard
--
Using Web Standards in your Web Pages (Updated Dec. 2006)
http://developer.mozilla.org/en/docs...your_Web_Pages

[=?ISO-8859-1?Q?G=E9rard_Talbot?=]

K. wrote :

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., I examined your webpage

and I am absolutely sure that your webpage
- does not need image maps. Zero image map. None needed.
- does not need table or table layouts; just 3 centered <div>s
- does not need spacer.gif; Zero spacer.gif
- does not need javascript at all; no javascript functions; just an
:hover css rule for 5 links and that's it, that's all.

Gérard
--
Using Web Standards in your Web Pages (Updated Dec. 2006)
http://developer.mozilla.org/en/docs...your_Web_Pages