Яваскрипт я вообще не знаю, юзаю php (и то только начал
) Нашел здесь на форуме необходимый мне скрипт для вывода на струницу информации в зависимости от выбранных параметров.Вот, собственно, и код:
Код
<html>
<head>
<title>Скрытое</title>
<script type='text/javascript'>
<!--
function show_hide(n){
if (n=='on'){
document.getElementById('f1').style.display='block';
}
if (n=='off'){
document.getElementById('f1').style.display='none';
}
}
//-->
</script>
</head>
<body onload="show_hide();">
<form name="forma">
<input name="ndst" type="checkbox" onclick="show_hide('on');" value="ndst" /> Показывать<br />
</form>
<div id="f1" style="display:none; background-color: red"><p>Скрытое</p><p>содержимое</p></div>
</body>
</html>
<head>
<title>Скрытое</title>
<script type='text/javascript'>
<!--
function show_hide(n){
if (n=='on'){
document.getElementById('f1').style.display='block';
}
if (n=='off'){
document.getElementById('f1').style.display='none';
}
}
//-->
</script>
</head>
<body onload="show_hide();">
<form name="forma">
<input name="ndst" type="checkbox" onclick="show_hide('on');" value="ndst" /> Показывать<br />
</form>
<div id="f1" style="display:none; background-color: red"><p>Скрытое</p><p>содержимое</p></div>
</body>
</html>
Вопрос вот в чем:
Как сделать, чтобы скрыто появлялось при отмеченном чекбоксе и скрывалось при снятии галочки. Пока оно только появляется и не исчезает при снятии галочки.
Спустя 3 минуты, 44 секунды (30.10.2008 - 19:31) md5 написал(а):
Спустя 35 минут, 59 секунд (30.10.2008 - 20:07) Sylex написал(а):
HTML
<html>
<head>
<title>Скрытое</title>
<script type='text/javascript'>
<!--
function show_hide(n) {
if (n.checked){
document.getElementById('f1').style.display='block';
} else {
document.getElementById('f1').style.display='none';
}
}
//-->
</script>
</head>
<body onload="show_hide();">
<form name="forma">
<input name="ndst" type="checkbox" onclick="show_hide(this);" value="ndst" /> Показывать<br />
</form>
<div id="f1" style="display:none; background-color: red"><p>Скрытое</p><p>содержимое</p></div>
</body>
</html>
<head>
<title>Скрытое</title>
<script type='text/javascript'>
<!--
function show_hide(n) {
if (n.checked){
document.getElementById('f1').style.display='block';
} else {
document.getElementById('f1').style.display='none';
}
}
//-->
</script>
</head>
<body onload="show_hide();">
<form name="forma">
<input name="ndst" type="checkbox" onclick="show_hide(this);" value="ndst" /> Показывать<br />
</form>
<div id="f1" style="display:none; background-color: red"><p>Скрытое</p><p>содержимое</p></div>
</body>
</html>
Спустя 29 минут, 45 секунд (30.10.2008 - 20:36) Chemist написал(а):
Ура!!! Заработало!! 
Sylex, СПАСИБО!!!!
Sylex, СПАСИБО!!!!
Спустя 4 месяца, 9 дней, 12 часов, 57 минут, 51 секунда (10.03.2009 - 09:34) Grey написал(а):
Подскажите пожалуйста, как можно усложнить данную функцию, чтобы можно было разместить на странице несколько блоков с галочкой, имя возможность открывать/закрывать каждый по отдельности. Дабы не прописывать отельную функцию для каждого.
Спустя 55 минут, 43 секунды (10.03.2009 - 10:30) kirik написал(а):
Grey
| HTML |
| <html> <head> <title>Скрытое</title> <script type='text/javascript'> <!-- function show_hide() { for(var i = 0; i < document.forms['forma'].ndst.length; i++) { document.getElementById(document.forms['forma'].ndst[i].value).style.display = document.forms['forma'].ndst[i].checked ? 'block' : 'none'; } } //--> </script> </head> <body onload="show_hide()"> <form name="forma"> <input name="ndst" type="checkbox" onclick="show_hide()" value="f1" />Показывать 1<br /> <input name="ndst" type="checkbox" onclick="show_hide()" value="f2" />Показывать 2<br /> <input name="ndst" type="checkbox" onclick="show_hide()" value="f3" />Показывать 3<br /> </form> <div id="f1" style="display:none; background-color: red"><p>Скрытое</p><p>содержимое 1</p></div> <div id="f2" style="display:none; background-color: red"><p>Скрытое</p><p>содержимое 2</p></div> <div id="f3" style="display:none; background-color: red"><p>Скрытое</p><p>содержимое 3</p></div> </body> </html> |
Где значение чекбокса - id дива, который он скрывает / открывает.
_____________