Autor Zpráva
jeffrey
Profil *
Zdravím,
mám následující JS kód:
<script>
function switcher() {
    tlacitko.style.backgroundImage='url(tlacitko_zapnuto.png)';
    svetlo.style.backgroundImage='url(zapnuto.png)';
}
</script>
        
a v HTML:
<div id="svetlo" style="background-image:url('vypnuto.png');"></div>
<div id="tlacitko" style="background-image:url('tlacitko_vypnuto.png');" onClick="switcher();"></div>

Asi jde vidět co mi chybí a co nevím jak udělat - při kliknutí na tlačítko se má změnit obrázek "světla" na zapnuto.png, a zároveň se má změnit i tlačítko na aktivní. Po opětovném kliknutí na stejné tlačítko se vše má dát do původního stavu, ale nevím jak funkci v javascriptu upravit; zkoušel jsem to přes
if(tlacitko.style.backgroundImage='url(tlacitko_zapnuto.png') { ... } else { ... } ale neúspěšně. Mohl by mi někdo prosím poradit?

Díky.
quatzael
Profil
já už používám témeř výhradně jQuery, takže si syntaxi u klasickýho javascriptu moc nepamatuju, ale podle mě nemůžeš jen tak napsat tlacitko.style...
měl bys tam mít:

document.getElementById("tlacitko").style.backgroundImage='url(tlacitko_zapnuto.png)';
document.getElementById("svetlo").style.backgroundImage='url(zapnuto.png)';
jeffrey
Profil *
To je sice hezký ale neřeší to můj problém :) Takhle jak to mám mi zapínání funguje...
quatzael
Profil
v tý podmínce musíš mít ==, když tam dáš jen = tak přiřadíš akorát hodnotu..

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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

0