Onclick event for a link...

[jnscollier]

Quick question, and I think you need javascript for this... i'm not too sure...

I'd like to have a link where if it's clicked it a little form displays (basically just 2 textboxes and a submit button). How can I go about doing this?

(I don't know if you would need to know this, but i'm using php)

[thetestingsite]

Place this part between the head tags:

<script type="text/javascript">
 
function showForm(eid) {

   if (document.getElementById(eid).style.display == "none") {
     document.getElementById(eid).style.display = "block";
  }

  else {
     document.getelementById(eid).style.display = "none";
  }

}

</script>

and this in the body somewhere:

<a href="#" onclick="showForm('theForm'); return false;">Show the form</a>

<div id="theForm" style="display: none;">

 <form action="test.php" method="POST">
   Text 1: <input type="text" name="text1"> <br>
   Text 2: <input type="text" name="text2"> <br>
   <input type="submit" value="Submit">
 </form>

</div>

Not tested, but should work. Hope this helps.

[jnscollier]

well, it looks like what i need, but it shows that there are javascript errors I think, so it doesn't work when I click the link.

Any help would be appreciated... THANK YOU!!!!

[thetestingsite]

Sorry, made a typo in the code. Try copying the part that goes in the head again.

[jnscollier]

Excellent!!!!!! Thank You!

[jnscollier]

How would you make the form disappear with a reset button, is that another onclick event??

[jnscollier]

Nevermind!! I used an onclick for the button and just made another function called hideForm.