Форум

golden_yuna · #1 (**permalink**) 16.04.2016, 00:52

Добрый вечер,

Не могу понять как заставить работать анонимную функцию при загрузке страницы. Сама функция написана для чекбокса(скрывает/отображает div элемент).

HTML:

<input id="checkFocus" type="checkbox" checked="true"/>

JS:

document.getElementById("checkFocus").onchange = function(){
    var dat = document.getElementById("focus");
    if (document.getElementById("checkFocus").checked === true) {
        return dat.style.display = "block";
    }
    else  return dat.style.display = "none";
}

Когда запускаешь через консоль все работает.

рони · #2 (**permalink**) 16.04.2016, 01:03

golden_yuna,
может скрипт поставить внизу страницы?

golden_yuna · #3 (**permalink**) 16.04.2016, 01:09

Простите, я не совсем понимаю как это

рони · #4 (**permalink**) 16.04.2016, 01:22

golden_yuna,

...
<script>
  тут ваш код
</script>
</body>

golden_yuna · #5 (**permalink**) 16.04.2016, 15:06

рони, спасибо огромное!!!

рони · #6 (**permalink**) 16.04.2016, 15:16

golden_yuna,
на всякий случай

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 <style type="text/css">
    #focus{
         border: 1px dashed Gray; padding: 5px; height: 100px; width: 100px ; background-color: #A9A9A9;
    }

  </style>


  <script>
window.addEventListener("DOMContentLoaded", function() {
    var node = document.getElementById("checkFocus"),
        dat = document.getElementById("focus");
    node.addEventListener("change", function() {
        dat.style.display = this.checked ? "block" : "none"
    })
});
  </script>
</head>

<body>
<input id="checkFocus" type="checkbox" checked="true"/>

 <div id="focus"></div>
</body>
</html>

golden_yuna · #7 (**permalink**) 16.04.2016, 15:36

рони, спасибо еще раз, буду знать как это реализовать с "DOMContentLoaded", вчера ночью не додумалась до этого. Можно еще один вопрос по чекбоксам?

рони · #8 (**permalink**) 16.04.2016, 15:44

Сообщение от golden_yuna

Можно еще один вопрос по чекбоксам?

да

golden_yuna · #9 (**permalink**) 16.04.2016, 19:31

рони, если у меня есть, пусть будет, 3 чекбокса сделанных при помощи анонимных функций(как в первом сообщении), можно ли приделать четвертый, который будет включать/отключать их все одновременно? будут ли выполняться функции?

рони · #10 (**permalink**) 16.04.2016, 20:01

golden_yuna,
да

Форум

Справочник

Discord чат

Курсы javascript