neue ID pro Script?

Question

Hallo,

ich habe einen Button der per JS eine MP3 Datei abspielt. Wenn ich jetzt pro Frage/Item etc. immer wieder eine neue MP3 einbinde, muss ich dann auch immer die ID wechseln?
Oder wird die bei JS bei einem neuen Script "resettet"?

Германия<audio id="player" src="BULG_OFB_TRACK_0050.mp3"></audio><a type="button" onclick="document.getElementById('player').play()" style="border: 0 none; float: right; margin: -0.2em 0 -0.5em 0"><img src="TTS.png"  class="s2mIgnore"></a>

Da der OFB auf Bulgarisch ist, kann ich leider nicht nachvollziehen was in den MP3 ist. Es hört sich aber so an, als ob jedes mal das Gleiche gesprochen wird, obwohl immer eine neue MP3 eingebunden ist.

Muss ich id="player" für jedes Script verändern?

Danke und viele Grüße

Answer 1

Wenn ich jetzt pro Frage/Item etc. immer wieder eine neue MP3 einbinde, muss ich dann auch immer die ID wechseln?

Die HTML-IDs gelten jeweils für die komplette (Fragebogen-)Seite. Wenn Sie auf einer Seite mehrere <audio> Elemente verwenden, dann geben Sie jedem eine individuelle ID, z.B.

<audio id="player0050" src="BULG_OFB_TRACK_0050.mp3">

Alternativ könnten Sie versuchen, im Script einfach das vorhergehende Element anzusprechen:

<a type="button" onclick="this.previousSibling.play()" style="border: 0 none; float: right; margin: -0.2em 0 -0.5em 0">

Eleganter, aber Sie sollten kurz prüfen, ob das auch in allen gängigen Browsern korrekt funktioniert.

Comments

Danke, werde ich so ausprobieren!