Üdv. Hogyan lehet úgy megoldani, hogy megmaradjon az állapota, mint egy kapcsoló?

Szerintem a legegyszerűbb, ha css-ben létrehozod a két stílust:

button.on { /*stílus ide*/ }

button.off { /*másik stílus ide*/ }

Ezután alapból berakod a gombot valamelyik class-ba, majd az onClick-be meghívsz egy javascript funkciót pl:

<button class="off" onClick="switch_on(this)">Gomb szövege</button>

(a switch_on a funkció neve, a this pedig elküldi a funkciónak a gomb id-jét)

amit még a head-be létrehozol

<script>

function sw_on(var button) {

button.className = "on";

}

</script>

Ez csak átírja a class-t off-ról on-ra, ha valamit nem értesz, írj privibe és megpróbálom érthetőbben elmagyarázni. Meg azt is leírom, hogy tudod ugyanekkor a másik gombot is átállítani off-ra.

Közben mégse kellett sietnem, így ezt raktam össze:

[link]

Remélem, segítettem. :)

Aki már régebb óta használja a fenti oldalt:

miért nem működik, ha a scriptet simán a javascript ablakba írom?