Show / Hide Form Fields using Hyperlink

[lakeside12]

Hello,
I was searching for some code to show/hide form fields and I found this on your forum

http://www.tek-tips.com/faqs.cfm?fid=4585

This is almost perfect, except that it uses a check box, I need to use a hyperlink, please can someone show me how to do this, can I convert this code you have to do exactly the same thing except with a Hyperlink?


I hope someone can help
Many thanks

 

[Vragabond]

There's not much to it. Instead of having the code run in an onclick event in a checkbox, have it run in an anchor.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[lakeside12]

Hi Thanks for your reply,

I really am not that skilled to know how to do this, can you possibly show me what you mean

Many thanks

 

[vacunita]

Its slightly more complex but here try this:

function showhidefield(){
  if(document.getElementById("hideablearea").style.display == "block"){
document.getElementById("hideablearea").style.display = "none";
}
  else{
document.getElementById("hideablearea").style.display = "block";
}
}


<div id="hideablearea" style="display:block">
<input type=text ...>
</div>
<a href="#" onClick="showhidefield(); return false;">Click here to show or hide the area</a>

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[lakeside12]

Hi

YOU are AMAZING

THANKS A MILLION WORKED FIRSTTIME

PERFECT PERFECT PERFECT PERFECT

BEST REGARDS