Bernd: onClick Event Handler in Verbindung mit setAttribute()

Beitrag lesen

SELF-Forum

onClick Event Handler in Verbindung mit setAttribute()

Bernd
– Informationen zu den Bewertungsregeln

Hallo zusammen,

Ich stehe vor einem kleinen Problem:

  
var PfadListe = new Array();  
PfadListe[0] = "C:\\Musik\\track1.mp3";  
PfadListe[1] = "C:\\Musik\\track2.mp3";  
PfadListe[2] = "C:\\Musik\\track3.mp3";

Zunächst habe ich ein Array erstellt mit src-Angaben.

  
<input type="button" onClick="arrayAuslesen()" value="Array Auslesen">  
<div id="ArrayAuslesenBereich" style="display:none;"></div>

Dann habe ich einen Button und einen Div-Bereich erstellt.

  
function arrayAuslesen ()  
{  
var elem = document.getElementById('ArrayAuslesenBereich');  
  
if (elem.style.display == "none")  
  {  
  elem.style.display = "block";  
  
  for (var i = 0; i < PfadListe.length; i++)  
    {  
    var linkPfad = PfadListe[i];  
  
    var link = document.createElement("a");  
    link.innerHTML = linkPfad;  
    link.setAttribute("onClick", "    ???    ");  
    elem.appendChild(link);  
  
    elem.appendChild(document.createElement("br"));  
    }  
  }  
 else  
  {  
  elem.style.display = "none";  
  }  
}

So, hier ist der Javascript Code der ausgeführt wird, wenn auf den Button geklickt wird.

  
<audio controls  id="AudioPlayer">  
  <source src="C:\Musik\track1.mp3" type="audio/mpeg" />  
</audio>

Das "Herzstück" dieser Seite ist der Audio Player.

Der Teil, um den es hier eigentlich im Javascript geht, ist der, der mit den 3 '???' gekennzeichnet ist.
    link.setAttribute("onClick", " ??? ");
Ich habe schon so einiges versucht dort einzusetzen aber nichts will klappen...
    A'la: „"var Player = document.getElementById('AudioPlayer'); Player.src = linkPfad";“
Die Frage ist: Was muss ich dort reinschreiben, damit der Audio Player bei einem Klick auf einen dieser Links den Track wechselt?
Essenziell wichtig und zu beachten ist, dass es irgendwie auf
    var linkPfad = audioSrcListe[i];
diesen Teil des Scripts zugriff hat.. Ich weiß nicht ob das jetzt so ein großes Problem ist, da ich doch das Link-Element auch genau dort erschaffen habe...

Wär toll wenn mir jemand da helfen könnte.
Liebe Grüße
  Bernd

Beitrag melden
–
Informationen zu den Bewertungsregeln