Bildwechsel in Chrome Erweiterung Popup

Ich habe ein Bild in einem Popup, das ich möchte mit einem anderen Bild ausgetauscht werden, wenn Sie darauf klicken. Ich überprüfe localStorage, ob die "Ein" oder "Aus" Taste angezeigt werden soll.Bildwechsel in Chrome Erweiterung Popup

popup.html:

<body> 
<div> 
<img id="onOffButton" src="img/on_button.png" onclick="onOff()" /> 
</div> 
</body>

popup.js:

function onOff() { 
    var onOffButton = document.getElementById("onOffButton"); 

    if (localStorage.ToneSet === "off") { 
     onOffButton.src="img/on_button.png"; 
    } else { 
     onOffButton.src="img/off_button.png"; 
    } 
}

Derzeit mein localStorage.ToneSet ist auf "on" so sollte mein Bild Flip aus "on_button.png" bis „off_button. png ", aber es wird weiterhin on_button.png angezeigt. Irgendeine Idee, was ich falsch mache? Vielen Dank.

Quelle

2012-03-26 jack

Vielleicht so etwas wie dies http://jsfiddle.net/EX2hj/1/

Quelle

2012-03-26 03:06:41 zenril

nicht sicher, warum mein ursprünglichen Ansatz arbeitet gescheitert, aber ich war in der Lage zu übernehmen Sie Beispielcode zu einer praktikablen Lösung. Danke Zenril! – jack

Ich weiß nicht, dies für mich gearbeitet, wenn ich ein zufällige test.html

erstellt

<div id="onOffButton" style='width:200px;height:200px;border:1px solid' onclick='toggle()'> </div> 
<script> 
    function toggle(){ 
     alert("a"); 
     var onOffButton = document.getElementById("onOffButton"); 
     if (localStorage.ToneSet == "off") { 
      onOffButton.style.background = "red"; 
      localStorage.ToneSet = "on"; 
     } else { 
      onOffButton.style.background = "green"; 
      localStorage.ToneSet = "off"; 
     } 
    } 
    toggle(); 
</script>

Quelle

2012-03-26 04:00:54 zenril

Bildwechsel in Chrome Erweiterung Popup

Antwort

Verwandte Themen