Autor Zpráva
jvackar
Profil
Mám dotaz,
potřeboval bych, aby se po kliknuti na slovo (tlačítko) zapnout (viz níže), provedla funkce funkce_zapni() a zároveň tlačítko zapnout změnilo na vypnout s jiným pozadím a jinou funkcí pro kliknutí. A pak zese naopak.

Např:
<span class="pozadi1" onclick="funkce_zapni();">zapnout</span>
Po kliknutí by se objevilo něco jako toto
<span class="pozadi2" onclick="funkce_vypni();">vypnout</span>
Po dalším kliknutí opět
<span class="pozadi1" onclick="funkce_zapni();">zapnout</span>
atd.
Jaký kód přidat k jednotlivým funkcím.
Díky
peta
Profil
jvackar
.className
.innerHTML
+ Js priklady
Str4wberry
Profil
jvackar
Řešení postavené pouze na javascriptu:
<span id='zapvyp'></span>

Když se zapne:
document.getElementById("zapvyp").innerHTML="<a href='javascript:funkce_vypni()'>Vypnout</a>";

Když se zapne:
document.getElementById("zapvyp").innerHTML="<a href='javascript:funkce_zapni()'>Zapnout</a>";
jvackar
Profil
Díky:-)
Joker
Profil
jvackar
Osobně bych udělal jednu funkci, něco jako zapvyp() přičemž stav by se určoval nějakou proměnnou.

něco jako- HTML:
<span id="tenSpan" class="pozadi1" onclick="zapVyp();">vypnout</span>

skript:
var stav = 0;
var el = (document.getElementById) ? document.getElementById("tenSpan") : false;

function zapVyp(){
if(!el) return();
if(stav){
// nějaká akce při vypnutí
el.className = "pozadi1";
el.innerText = "zapnout";
stav = 0;
} else {
zapni();
// nějaká akce při zapnutí
el.className = "pozadi2";
el.innerText = "vypnout";
stav = 1;
}
}

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