Per Javascript speicher, ob auf einen link geklickt wurde. Wer kanns?

Question

Eine Grafik (Button) ist grau, bei mouseover wird die selbe Grafik in Farbe angezeigt und ein Popover gibt Text aus.
So weit, so gut.

Mein Problem ist jetzt: es gibt mehrere solcher Buttons und wenn ich drauf klicke, soll der Button farbig bleiben. Es müssen mehrere Buttons gleichzeitig "aktiviert" sein können und man muss sie auch wieder "deaktivieren" (klick -> Wechsel von farbiger Grafik zu s/w Grafik) können.
Zudem sieht jeder Button anders aus, also brauche ich für jeden eine andere farbige Grafik die geladen wird.
Wie genau geht das?

Ich weiß wie Google funktioniert, ich werde nur momentan nicht fündig -.-

Danke für jede Hilfe :-)


lg.

Snoopy15_82 · Accepted Answer

Nutze doch die onclick=... Methode jedes Buttons.

onclick=javascript:angeklickt(this)

Dann ein Script:

function angeklickt(e)
{
    ...

}

e ist dann das Element mit dem du etwas machen kannst. Wechsle hier z.B.die Grafik mit src="bild_grau.png". Evtl. vorher abfragen, ob es schon grau ist, dann wechsel zu bild_farbig.png

Auch möglich: Eine css-Klasse anlegen für jeden Button und beim Klick nur die Klasse wechseln.

🐟 Fish 🐟 · Answer

Im Prinzip ist das gesÃ¤gte richtig und wenn es nur um eine Seite geht auch sinnvoll. Allerdings ist das kein reines JavaScript. Du mÃ¼sst die events immer noch im html Code installieren.
Der richtige weg wÃ¤re ein javaScript das auf einen object einen eventhandler installiert. Das ist dann allerdings schon etwas anspruchsvoller und nichts fÃ¼r AnfÃ¤nger.
http://plone.org/products/ploneformgen/documentation/how-to/installing-a-javascript-event-handler-in-a-form

Per Javascript speicher, ob auf einen link geklickt wurde. Wer kanns?

Verwandte Fragen

Aktuelle Fragen