try this...

January 30, 2004 by Kutt Niinepuu
Place the buttons in the form on separate layers as well and use the show/hide layer behaviour with the click event. If the layers are within the
tag, i think it should work.

or this...

February 10, 2004 by Axl H
You could also set the style="visibility:hidden" directly into the Button TAG. I haven't try this but maybe it works. So you put style="visiblity:hidden" into the tag and with JavaScript you change the status to visible... I think it should work... don't know really, just try...

RE: JavaScript

February 11, 2004 by Stephen Cairns

These both work in there own way. Thanks very much. The easiest way to do it though is to have the style="visibility:hidden" but im not sure of the Javascript to change the property back to visible. Can anyone help with this.  I want the button to become visible on the onclick event of a graphic located outside the form.

I was thinking something like this would do it but it didn't seem to work.  Any ideas??? 

<script>

function display_it() {

document.form1.button.style.visiblity = 'visible';

}

</script>

Good!

February 11, 2004 by Kutt Niinepuu
You basically got it already, what you were missing I think was the document.all property. Try this for example: 
<form name="form1" id="form1" method="post" action="">
<input name="one" type="button" id="one" value="One" onClick="document.all.form1.two.style.visibility='hidden';document.all.form1.three.style.visibility='show'"/>
<input name="two" type="button" id="two" value="Two" onClick="document.all.form1.three.style.visibility='hidden';document.all.form1.one.style.visibility='show'"/
<input name="three" type="button" id="three" value="Three" onClick="document.all.form1.one.style.visibility='hidden';document.all.form1.two.style.visibility='show'"/>
</form>


Working example:
See all 9 Comments