обмен изображениями в расширении Chrome - PullRequest
Новая
       0

обмен изображениями в расширении Chrome

0 голосов
/ 26 марта 2012

У меня есть изображение во всплывающем окне, которое я бы хотел заменить другим изображением при нажатии.Я проверяю localStorage, чтобы узнать, должна ли отображаться кнопка «on» или «off».

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";
    }
}

В настоящее время мой localStorage.ToneSet установлен на «on», поэтому мое изображение должно переключаться с «on_button.png» на «off_button.png», но оно продолжает отображать on_button.png.Есть идеи, что я делаю не так?Благодаря.

Ответы [ 2 ]

0 голосов
/ 26 марта 2012

Я не знаю, это сработало для меня, когда я создал случайный test.html 

<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>
0 голосов
/ 26 марта 2012

Может быть, что-то вроде этого http://jsfiddle.net/EX2hj/1/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...