Uncle Jim's Javascript Examples: Hidden Forms

Uncle Jim's Web Designs

Swapping a button's function
Author: Jim Stiles

Swapping a button's function

The button's function gets swapped from "hiding" this panel to "showing" it.
The button's text also changes according to it's new function.
This would be good for showing examples or instructions on a page without taking up additional space.

INSTALLATION INSTRUCTIONS

COPY - Insert Between Head Tags: <HEAD></HEAD>

<style type="text/css"></style>	
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><!--
var bV=parseInt(navigator.appVersion);
NS4=(document.layers) ? true : false;
IE4=((document.all)&&(bV>=4))?true:false;

ButtonTextOne = "Click to HIDE the panel"
ButtonTextTwo = "Now click to SHOW panel"

function togShow(id) {
	if (NS4) {
		if (document.layers[id].visibility == "hide") {
        document.layers[id].visibility = "show";
        document.f2.b1.value=ButtonTextOne;
    	}else{
        document.layers[id].visibility = "hide";
        document.f2.b1.value=ButtonTextTwo}
	}		
	if (IE4) {
		if (document.all[id].style.visibility=="hidden"){
		document.all[id].style.visibility="visible";
		document.f2.b1.value=ButtonTextOne;
		}else{
		document.all[id].style.visibility="hidden";
		document.f2.b1.value=ButtonTextTwo}
	}
}
//--></SCRIPT>

COPY - Insert Inside Body: <BODY></BODY>

Close This Window