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_m enu_zareczyny" border="0" name="zareczyny "
onMouseOver="im g_Pokaz('images/Zareczyny_kolor .gif','form_glo wny','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.pl napisa³ 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_m enu_zareczyny" border="0" name="zareczyny "
onMouseOver="im g_Pokaz('images/Zareczyny_kolor .gif','form_glo wny','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_i mg)
{
eval('document. '+formName+'.'+ hint_img+'.src = "'+adres+'" ');
}
and added into img element:

<img src="images/Zareczyny.gif" width="165" height="50" alt=""
usemap="#Mapa_m enu_zareczyny" border="0" name="zareczyny "
onMouseOver="im g_Show('images/Zareczyny_kolor .gif','form_glo wny','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_i mg)
{
eval('document. '+formName+'.'+ hint_img+'.src = "'+adres+'" ');

}

Maybe try this:

document.getEle mentByName(hint _img).src = adres;

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

greetz, Ralf...

[K.]

U¿ytkownik <Ra******@gmx.d enapisa³ w wiadomo¶ci
news:11******** **************@ b58g2000hsg.goo glegroups.com.. .

Hello K,

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

}

Maybe try this:

document.getEle mentByName(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.getEle mentById('zarec zyny').src = varValue;

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

have a nice day!

[K.]

Uzytkownik <Ra******@gmx.d enapisal w wiadomosci
news:11******** *************@y 80g2000hsf.goog legroups.com...

Hello K,

>Unfortunatel y 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.getEle mentById('zarec zyny').src = varValue;

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

have a nice day!

It doesn`t work for both getElementById and getElementByNam e.

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

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.d enapisal w wiadomosci
news:11******** **************@ y80g2000hsf.goo glegroups.com.. .

>It doesn`t work for both getElementById and getElementByNam e.

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.d enapisal w wiadomosci
news:11******** **************@ y80g2000hsf.goo glegroups.com.. .

>>It doesn`t work for both getElementById and getElementByNam e.

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="Javas cript" type="text/javascript">

language is deprecated; just remove language="Javas cript"

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_m enu_zareczyny" border="0" name="zareczyny "
onMouseOver="im g_Pokaz('images/Zareczyny_kolor .gif','form_glo wny','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