| |
|
|
| | салют!
подскажи как сделать:
на странице визуально есть только кнопка, жмем на нее и появляется визуально форма а вней элементы. | |
| |
|
|
| |
|
|
| |
для: mindless
(04.01.2007 в 20:52)
| | |
<style>
#form_id {display:none;}
</style>
<script>
function show(){
d = document;
d.getElementById('form_id').style.display = "block";
}
</script>
<button onClick="show()">Enter form</button>
<form name="form" id="form_id">
...
</form>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(04.01.2007 в 21:10)
| | | Классно, Lelik !
А ещё кнопочку можно, чтобы обратно сворачивала то, что развернула до этого? Ну например, если вместо <form> ... </form> будет <div> с текстом ? | |
| |
|
|
| |
|
|
| |
для: Evgen
(06.01.2007 в 22:27)
| | | если несколько блоков то надо им однотипные id типа id=x1 id=x2 и проходить в цикле.
вот для двух:
<style>
#form_id {display:none;}
</style>
<script>
var total=2;
function show(){
d = document;
for(i=1;i<=total;i++){
d.getElementById('form_id'+i).style.display = (d.getElementById('form_id').style.display =="block")?"none":"block";
} }
</script>
<button onClick="show()">Enter form</button>
<div id="form_id1">
<form name="form">
...
</form>
</div>
<div id="form_id2" style="display:none">
.....
</div>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(06.01.2007 в 22:53)
| | | Извиняюсь, отлучался на праздник!
Чё-то попробовал - ничего не происходит в браузере (IE). При нажатии кнопки "Enter form" в строке состояния пишет: "Ошибка на странице".
PS. Первый скрипт работает как надо - вываливается форма по нажатию кнопки. А можно ли ещё кнопку, чтобы сворачивалось обратно (без отправки данных формы)? | |
| |
|
|
| |
|
|
| |
для: Evgen
(08.01.2007 в 20:10)
| | |
<script>
var total=2;
function show(){
d = document;
for(i=1;i<=total;i++){
d.getElementById('form_id'+i).style.display = (d.getElementById('form_id'+i).style.display =="block")?"none":"block";
} }
</script>
<button onClick="show()">Enter form</button>
<div id="form_id1" style="display:block">
1111
<form name="form">
...
</form>
</div>
<div id="form_id2" style="display:none">
2222
.....
</div>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(04.01.2007 в 21:10)
| | |
<style>
#form_id {display:none;}
#hide_btn {display:none;}
</style>
<script>
d = document;
function show(){
d.getElementById('form_id').style.display = "block";
d.getElementById('hide_btn').style.display = "inline";
}
function hide(){
d.getElementById('form_id').style.display = "none";
d.getElementById('open_btn').style.display = "inline";
}
</script>
<button id="open_btn" onClick="show()">Enter form</button>
<button id="hide_btn" onClick="hide()">Hide form</button>
<form name="form" id="form_id">
...
</form>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(08.01.2007 в 20:14)
| | | Супер!
Большое человеческое спасибо!
Лет через десять может и я смогу придумывать такие штуки... | |
| |
|
|
| |
|
|
| |
для: Evgen
(08.01.2007 в 20:59)
| | | Ну, блин, вы даёте!
Всё лучше и лучше... Нет предела совершенству !!!!!!!
Спасибо, AlexSol !!!!!!!! | |
| |
|
|
