Показать сообщение отдельно
  #2 (permalink)  
Старый 26.06.2016, 15:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Создание кнопок on off
Ser8191,
<html>
<head>
<title>Knopki</title>
<meta charset="utf-8">
<script>
var img = ["http://icons.iconarchive.com/icons/hopstarter/soft-scraps/72/Button-Turn-Off-icon.png", "http://icons.iconarchive.com/icons/hopstarter/soft-scraps/72/Button-Turn-On-icon.png"],
    kn = ["q", "a", "z"];
window.addEventListener("DOMContentLoaded", function() {
    kn.forEach(function(b) {
        var a = new Image,
            c = 0;
        a.addEventListener("click", function() {
            this.src = img[c = +!c]
        });
        a.src = img[0];
        document.querySelector("#" + b).appendChild(a)
    })
});
</script>
</head>

<body>
<p><span id="q"></span></p>
<p><span id="a"></span></p>
<p><span id="z"></span></p>

</body>
</html>

Последний раз редактировалось рони, 26.06.2016 в 15:55.
Ответить с цитированием