Verschiedene Audio-Dateien onClick abspielen ...

[Matthias Apsel]

Hallo borisbaer,

Ich stehe vor folgendem Problem: Ich möchte gerne Audiodateien auf Knopfdruck abspielen, was an sich gut funktioniert. Aber ich weiß nicht, wie ich die src variabel machen kann, damit ich nicht jede Audiodatei, erst mal im script vorher definiert werden muss.

Aber irgendwo musst du ja dennoch festlegen, welche Audiodateien gespielt werden sollen. Zum Beispiel in data-*-Attributen. Zudem solltest du auf onclick verzichten. Stattdessen definierst du dir einen event-Handler in einem übergeordneten Element, zum Beispiel body. Der schaut nach, welches button-Element (denen übrigens noch type="button" fehlt) geklickt wurde, liest aus seinem data-src-Attribut die Quelle ein und spielt das ab.

IDs dürfen außerdem nicht mehrfach vorkommen. Für meine Variante brauchst du auch nur ein einziges audio-Element.

Bis demnächst
Matthias