changing button value 1

[ksbrace]

Hello, I have a function to show/hide a layer. I would like to be able to change the text value of the button to coincide with the appropriate value. For instance, they click on "Show" and it shows the layer. Now, I would like the button value to say "Hide". thanks in advance!

 

[TheConeHead]

could you just add into the function something like:

document.all.FormName.ButtonName.value="Show";

vice versa:

document.all.FormName.ButtonName.value="Hide";

 

[ksbrace]

ok, that was what I was looking for. Now, I have 3 buttons that need to implement this functionality. I would like to be able to just pass the id of the button have the function change the value, but it doesn't seem to be working. Any help would be greatly appreciated. Thanks in advance!

<script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;>
			<!--
			var visibility;
			var switchState;
			//change varible status
			function switchState(switchState,button) {
				if (switchState == 'visible') {
					switchState = 'hidden';
					document.all.Form1.button.value=&quot;Show Description&quot;;
				}
				else {
					switchState = 'visible';
					document.all.Form1.button.value=&quot;Hide Description&quot;;
				}
				return switchState
			}
			
			//check which browser and run appropriate code
			function opposite(layer,button) {
				//Run if IE Browser
				if (document.all) {
					visibleState = eval(&quot;document.all.&quot; + layer + &quot;.style.visibility&quot;);
					eval(&quot;document.all.&quot; + layer + &quot;.style.visibility = switchState(visibleState,button)&quot;);
			
				}
				//Run if Netscape Browser
				if (document.layers) {
					visibleState = document.layers[layer].visibility;
										eval(&quot;document.layers.&quot; + layer + &quot;.visibility = switchState(visibleState,button)&quot;);
				}
			}

call to function

<input type=&quot;button&quot; id=&quot;divButton&quot; onClick=&quot;opposite('demodiv');&quot; value=&quot;Show Description&quot;>

 

[ksbrace]

Sorry, the call to the function is:

<input type=&quot;button&quot; id=&quot;divButton&quot; onClick=&quot;opposite('demodiv','divButton');&quot; value=&quot;Show Description&quot;>

 

[TheConeHead]

Using variables may change this:

document.all.Form1.button.value="Show Description";

This may be looking for a button named "button"

hmmm let me think about it...

 

[ksbrace]

TheConeHead,
I ended up finding a script and modifying it. Thanks for your help. Here is the function:

//changing the buttons values
			function changeName(theElement)
			{
				var oldName = theElement.value;
				if(oldName == "Show Description") {
				theElement.value = "Hide Description";
				}
				else if(oldName == "Hide Description"){
					theElement.value = "Show Description";
				}