Make a button appear and disappear with JS?

[ryanc]

I would like to make a button appear or disappear using the onClick event handler. Is this possible?

[jonsteele]

Hi,

This is what you need to do:

1. Put the button in an absolute div

<div id="mydiv" style="position:absolute;left:100;top:100">
<input type="button">
</div>

2. Make a functions like:

function show(){
if(document.layers) document.layers['mydiv'].visibility="show";
if(document.getElementById) document.getElementById("mydiv").style.visibility="visible";
if(document.all) document.all.mydiv.style.visibility="visible";
}

function hide(){
if(document.layers) document.layers['mydiv'].visibility="hide";
if(document.getElementById) document.getElementById("mydiv").style.visibility="hidden";
if(document.all) document.all.mydiv.style.visibility="hidden";
}

3. call the functions on your onclicks:

... onclick="show()"...
... onclick="hide()"...

Good luck!!

Jon.