Ява скрипт

← →
alexdn © (2011-12-11 12:29) [0]

Вот подскажите плиз, есть включение-выключение видимости div гиперссылкой -
<script> function DisBlock(type) { if (type == 1) { document.getElementById("blockID").style.display = "block"; document.getElementById("blockIDLink").innerHTML = "<a href="#" onclick="DisBlock(0); return false;">Выключить</a>"; } else { document.getElementById("blockID").style.display = "none"; document.getElementById("blockIDLink").innerHTML = "<a href="#" onclick="DisBlock(1); return false;">Включить</a>"; } } </script> <div id="blockID"> Это содержание нашего блока </div> <div id="blockIDLink"> <a href="#" onclick="DisBlock(0); return false;">Выключить</a> </div>
вот хочу сделать то же самое, только через событие ceckbox "onchecked", но к сожалению в яваскриптах не очень силён. может кто в курсе как, есть тут хорошие яваскриптисты.

← →
KilkennyCat © (2011-12-11 12:53) [1]

типа так:

<script>
function visibleNevisible(v) {
if (v) {
document.getElementById("myDiv").style.display = "block";
}else {
document.getElementById("myDiv").style.display = "none";
}
}
</script>

<div id="myDiv">
.....
</div>

<form name="myform">
<input type="checkbox" name="ChBox" value="yes" onClick="visibleNevisible(document.myform.ChBox.checked)">
</form>

← →
alexdn © (2011-12-11 13:01) [2]

> KilkennyCat © (11.12.11 12:53) [1]
ок, подумаю, спасибо.. а как сделать div невидимым сразу при загрузке страницы, что то вроде:
<div id="blockID" class="display: none"> </div>

← →
KilkennyCat © (2011-12-11 13:07) [3]

← →
Eraser © (2011-12-11 15:48) [4]

> [0] alexdn © (11.12.11 12:29)

лучше сразу используй какой-нибудь фреймворк, например jquery.

← →
alexdn © (2011-12-11 16:40) [5]

> KilkennyCat © (11.12.11 13:07) [3]
обошолся одними дивами, как и хотел -
<script type="text/javascript"> function DisBlock(type) { if (type == 1) { document.getElementById("blockID").style.display = "block"; document.getElementById("blockIDLink").innerHTML = "<input type="checkbox" name="ChBox" value="ON" checked="CHECKED" onclick="DisBlock(0); return false;"/> рус"; } else { document.getElementById("blockID").style.display = "none"; document.getElementById("blockIDLink").innerHTML = "<input type="checkbox" name="ChBox" value="ON" onclick="DisBlock(1); return false;"/> рус"; } } </script> <div id="blockID"> Это содержание нашего блока </div> <div id="blockIDLink"> <input type="checkbox" name="ChBox" value="ON" checked="CHECKED" onclick="DisBlock(0); return false;"/></div>

← →
alexdn © (2011-12-11 16:49) [6]

Хотя ява скрипт для меня и дальше остаётся китайской грамотой, вот что это такое, совсем не понимаю -
="DisBlock(0); return false;

← →
alexdn © (2011-12-11 17:02) [7]

точнее что передаётся параметром

← →
MonoLife © (2011-12-11 17:38) [8]

> точнее что передаётся параметром

0 или 1 (false/true)

← →
DVM © (2011-12-11 21:34) [9]

> вот что это такое, совсем не понимаю -
> ="DisBlock(0); return false;

> onclick="DisBlock(0); return false;"

Это обработчик события OnClick чекбокса, в обработчике вызывается функция DisBlock(0), и возвращается false. Что непонятно тут может быть?

← →
xayam © (2011-12-11 23:32) [10]

> яваскриптисты

звучит как оскорбление :)

← →
знайка (2011-12-12 00:41) [11]

> вот что это такое, совсем не понимаю -
Для вашего чекбокса, так не надо делать.

← →
alexdn © (2011-12-12 00:49) [12]

> знайка (12.12.11 00:41) [11]
что значит не надо?

Если без jQuery, то можно так:
<html> <head> <title>Some JS</title> <script language="JavaScript"> function ShowHideDiv(obj) { if(obj.checked) { document.getElementById("divText").style.display = "block"; document.getElementById("chkText").innerHTML = "Off"; } else { document.getElementById("divText").style.display = "none"; document.getElementById("chkText").innerHTML = "On"; } } </script> </head> <body> <div id="divText"> Some text here </div> <input type="checkbox" checked="true" onchange="ShowHideDiv(this);" /> <span id="chkText">Off</span> </body> </html>

В FX и Chrome работает, а вот этот ваш IE onfocus обрабатывает только если кликнуть где-нибудь еще... Т.е. по уму надо не onchange, а onclick + какой-нибудь onkeyup обрабатывать.

> а вот этот ваш IE

не обобщай, он не мой тоже

:))

> > яваскриптисты
>
> звучит как оскорбление :)

это секта такая ) типа как баптисты

> типа как баптисты

типа как интербасисты

Ява скрипт Найти похожие ветки