Autor Zpráva
kosmonaut
Profil *
neví někdo jestli se dají obrázku nastavit určité souřadnice, tak aby byla aktivní pouze jeho určitá část pro funkci onmouseover a onmouseout?
Petr Wudi
Profil
Ano, přes mapu
www.jakpsatweb.cz/html/obrazky.html#map


např.
<map name="dzavaskript">
<area onmouseover="alert('Otravná hláška')" shape="rect" coords="20;10;30;50">
</map>
<img src="obrazek.png" usemap="#dzavaskript">
mark92
Profil
Buď kód napísať tak, aby onmouseover a onmousout volali funkcie v Javascripte. Do funkcie potom napísať vzorec na prepočet súradníc a podľa ich hodnoty spraviť podmienku, alebo myslím, že by sa dalo použiť aj map area no s tým si niesom istý.
mark92
Profil
Tak teraz už som si istý, keďže ma Petr predbehol o 43 sekúnd :)
kosmonaut
Profil *
souřadnice mám v obrázku definované, ale stále nevím jak zajistit aby se obrázek po najetí myší na mapu změnil

tohle mi nefunguje a Java Scriptu se zatím téměř vůbec nevyznám

<map name="pie-chart-red">
<area onmouseover="this.src='druhy.png'" onmouseout="this.src='první.png'" shape="rect" coords="160;20;280;200">
</map>
<img src="prvni.png" usemap="#pie-chart-red">
Petr Wudi
Profil
No, ono v mapě už možná o tom obrázku neplatí, že je to „this“. Zkrátka:

<map name="pie-chart-red">
<area onmouseover="obrazek.src='druhy.png'" onmouseout="obrazek.src='první.png'" shape="rect" coords="160;20;280;200">
</map>
<img src="prvni.png" usemap="#pie-chart-red" name="obrazek" id="obrazek"> 
kosmonaut
Profil *
tak už jsem našel řešení

<map name="pie-chart-red">
<area shape="rect" coords="160;20;280;200">
</map>
<img src="prvni.png" usemap="#pie-chart-red" onmouseover="this.src='druhy.png'" onmouseout="this.src='prvni.png'">
kosmonaut
Profil *
nemám, funkce nereaguje na vymezené souřadnice coords

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0