Javascript - ändern den Wert der variable auf den button klicken

Ich habe eine 10-HTML-buttons, die ich brauche, um den Wert zu ändern, der eine javascript-variable, wenn geklickt wird. 

song2 = "mp3Player/kingRight.mp3";
 function returnVar2(song2) { return this[song2]; }

Song2 braucht eine neue URL, je nachdem, auf welche Schaltfläche geklickt wird.

Haben eine harte Zeit, herauszufinden dieses heraus.

InformationsquelleAutor user547794 | 2011-09-11
  1. 2
    <button id="b1">Button 1</button>
<button id="b2">Button 2</button>
<script>
var b1 = document.getElementById('b1'), b2 = document.getElementById('b2');
var x = "Hello!";
function showX() {
    alert(x);
}
b1.onclick = function() {
    x = "button one";
    showX();
};
b2.onclick = function() {
    x = "button two";
    showX();
};
</script>

    Demo

    • Danke, das erklärt eine Menge. Ich habe noch eine Frage, obwohl, ich brauche das laufen " - Funktion returnVar2(song2)" eingeben und return "var song2 = x", wenn die Schaltfläche geklickt wird. Ich habe einige AS3-code überwacht diese Funktion und variable zurück, und ich brauche Sie, um zu sehen, dieses auf die Schaltfläche klicken. Vielen Dank für die Hilfe!
    • Geholfen genug für ein upvote? 😀
    • Ja, auf jeden Fall. Ich habe gerade stecken, auf diese für Stunden. Meine javascript-Fähigkeiten sind nicht so toll...
    • Können Sie fügen Sie einige der wichtigen Sachen, die demo-Geige habe ich gemacht, damit ich sehen kann, wie besser zu helfen?
    • Ok, Ihr demo aktualisiert wurde. Ich möchte in der Lage sein, um die Funktion auszuführen returnVar2(song2) auf das klicken auf eine Schaltfläche und haben es wieder die variable song2 mit der URL. Nochmals vielen Dank!
    • jsfiddle.net/4UvUv/3 ist die URL

    InformationsquelleAutor kzh
  2. 2

    HTML:

    <div id="mp3buttons">
    <div title="mp3Player/kingRight.mp3">King Right</div>
    <div title="mp3Player/AnotherSong.mp3">Another Song</div>
    etc.
</div>

    JavaScript:

    var mp3buttons = document.getElementById( 'mp3buttons' );

mp3buttons.onclick = function ( e ) {        
    var url = e.target.title;
    //do stuff with this URL
};

    Also, setzen Sie Ihre Schaltflächen in einen wrapper. Für jede Schaltfläche, die Sie die URL innerhalb der title Attribut (oder einen anderen passenden Eigenschaft).

    In JavaScript-code binden Sie einen click-handler an den wrapper. Die Schaltfläche ist auf e.target.

    InformationsquelleAutor Šime Vidas
Schreibe einen Kommentar