Expanding a form

[Manish Hatwalne]

I need a form that will show couple of extra fields when a particular checkbox is clicked. However, insated of a pop-up, I want this form to drop-down, or get aded "in-between" when the checkbox is clicked (so expand in a way), likewise when the checkbox is uncheked, the fileds should collapse.

How can I do this?? I haven't done mush of DHTML/JS for some time now?? Any pointers/inputs will be highly appreciated.

- Manish

[Mouly Kumaraswamy]

Refer to this page

[Manish Hatwalne]

Originally posted by Mouly Kumaraswamy:
Refer to this page

This is not what I am looking at, besides I want code that works in IE as well as Firefox.

- Manish

[Manish Hatwalne]

Never mind, I have got it done after few trials & errors!

- Manish

[Yuriy Fuksenko]

Sorry, posted it and then so that you solved it

   
<script>
function handleClick(chkBox){
  var div = document.getElementById("test");
  div.style.display=(chkBox.checked)?"block":"none";
  
}
</script>
<form>
<input type="checkbox" onclick="handleClick(this)"><br>
<div id="test" style="display:none;">
<textarea></textarea><br>
<input><br>
<input>
</div>
Some text
</form>

[ June 19, 2006: Message edited by: Yuriy Fuksenko ]