запуск анонимной функции при загрузке страницы
Добрый вечер,
Не могу понять как заставить работать анонимную функцию при загрузке страницы. Сама функция написана для чекбокса(скрывает/отображает 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";
}
Когда запускаешь через консоль все работает. |
golden_yuna,
может скрипт поставить внизу страницы? |
Простите, я не совсем понимаю как это
|
golden_yuna,
... <script> тут ваш код </script> </body> |
рони, спасибо огромное!!!
|
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>
|
рони, спасибо еще раз, буду знать как это реализовать с "DOMContentLoaded", вчера ночью не додумалась до этого. Можно еще один вопрос по чекбоксам?
|
Цитата:
|
рони, если у меня есть, пусть будет, 3 чекбокса сделанных при помощи анонимных функций(как в первом сообщении), можно ли приделать четвертый, который будет включать/отключать их все одновременно? будут ли выполняться функции?
|
golden_yuna,
да |
| Часовой пояс GMT +3, время: 14:16. |