Yahoo Clever wird am 4. Mai 2021 (Eastern Time, Zeitzone US-Ostküste) eingestellt. Ab dem 20. April 2021 (Eastern Time) ist die Website von Yahoo Clever nur noch im reinen Lesemodus verfügbar. Andere Yahoo Produkte oder Dienste oder Ihr Yahoo Account sind von diesen Änderungen nicht betroffen. Auf dieser Hilfeseite finden Sie weitere Informationen zur Einstellung von Yahoo Clever und dazu, wie Sie Ihre Daten herunterladen.

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

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.

2 Antworten

Bewertung
  • vor 9 Jahren
    Beste Antwort

    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.

  • vor 9 Jahren

    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/documentati...

Haben Sie noch Fragen? Jetzt beantworten lassen.