Autor Zpráva
japlavaren
Profil
v kratkosti mam script:

<script>

aktualny='p1';

function mClick(idcko){
document.getElementById(aktualny).style.backgroundPosition="0px 0px";
document.getElementById(idcko).style.backgroundPosition="0px -30px";
aktualny=idcko;
}
</script>
...
<style>
#A{
background: green url('bg.png') 0px 0px no-repeat;
}
#A:hover{
background-position: 0px -30px;
}
</style>
...
<a href="#" onClick="mClick('m1');" id="m1">a</a>
<a href="#" onClick="mClick('m2');" id="m2">a</a>[/


problem je v tom, ze ak sa klikne na "m1" a potom na "m2" na "m1" uz nasledne po posobeni JS nefunguje hover. mozem to riesit cez onMouseOver a onMouseOut, ale tym dost narastie kazdy riadok/je ich asi 10/
otázka znie: dá sa to nejak spravit??
Leo
Profil
Jestli to chapu, tak tim JS nastavujete totez co :hoverem, takze proto tam neni videt zmena ne? Leo
japlavaren
Profil
ee, javascript ukazuje tu, ktora je aktualna/na ktoru sa naposledy kliklo/ a hover ukazuje tu, na ktorej je mys
Leo
Profil
"ee, javascript ukazuje tu, ktora je aktualna/na ktoru sa naposledy kliklo/ a hover ukazuje tu, na ktorej je mys"

Ale u obu nastavite background-position: 0px -30px; takze se pak nic viditelne neposouva ne? Leo
Joker
Profil
Mno, já se spíš divím, jestli to funguje už před tím kliknutím.
V CSS je nastaveno #A a #A:hover, ale v dokumentu (alespoň v té ukázce) nikde nemáte prvek s ID "A"
Leo
Profil
Jo, aha, # jsme pravda prehlidl. Leo
Toto téma je uzamčeno. Odpověď nelze zaslat.