| |
|
|
| | Есть форма ввода. Как осуществить следущее. При нажатии на ссылку Скрыть, форма автоматическискрывалось, а вместо надписи скрыть, появлялось Раскрыть и форма автоматически появлялась? | |
| |
|
|
| |
|
|
| |
для: ols
(02.01.2009 в 12:04)
| | | Поместите HTML-форму в <div id='form'> с уникальным идентификатором, а ссылку "Раскрыть" в другой <div id='show'> с уникальным идентификатором. Скройте по умолчанию форму при помощи CSS-свойства display присвоив ему значение none <div id='form' style='display: none'>. На событие onclick ссылки "Расскрыть" повесте обработчик, который отображает HTML-форму и меняет CSS-свойство display на block и скрывает <div id='show'>
document.getElementById('form').style.display = 'block';
document.getElementById('show').style.display = 'none';
|
Для скрытия формы, следует поменять местами значния CSS-свойств display обоих div-тэгов. | |
| |
|
|
| |
|
|
| |
для: ols
(02.01.2009 в 12:04)
| | | Вот так немного нагляднее:
<script type="text/javascript">
function show_form()
{
var d = document;
var a = d.getElementById('div_form').style.display;
d.getElementById('div_form').style.display = (a == 'none')?'block':'none';
d.getElementById('sp_sel').innerHTML = (a == 'none')?'Скрыть':'Раскрыть';
}
</script>
<a href="#" onclick="show_form(); return false"><span id="sp_sel">Раскрыть</span></a>
<div id="div_form" style="display:none" >
<form method="post">
<input type="text" />
</form>
</div>
|
| |
| |
|
|
