spacer
Yehuda Shiran November 24, 2001
Disabling A Button
Tips: November 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
Microsoft Shows Off Silverlight 4, IE9 Plans
Metasploit Expands Vulnerability Test Framework
HyperCard Reborn?

Sometimes, you may want to disable a button from JavaScript. You need to, for example, when the service called by the button is not available. A Web service called synchronously should not be called again while working on its previous call.

Play around with the following two buttons. Toggle the second button with the first one:





Here is how the buttons are defined:

<BUTTON ID="b1" onclick="toggleOtherButton()">Toggle Other Button</BUTTON><BR><BR>
<BUTTON ID="b2" onclick="sayHello()" disabled>Say Hello</BUTTON><BR><BR><BR><BR>
The first button toggles the disability of the button below it, through the toggleOtherButton() function:

function toggleOtherButton() {
  if (b2.disabled) {b2.disabled = false;}
  else b2.disabled = true;
}
Here is the whole JavaScript code:

<SCRIPT LANGUAGE="JavaScript">
<!--
function toggleOtherButton() {
  if (b2.disabled) {b2.disabled = false;}
  else b2.disabled = true;
}

function sayHello() {
  alert("Hello there");
}
// -->
</SCRIPT>

People who read this tip also read these tips:

Look for similar tips by subject:

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Rolling Out Your Own HTML Application Version Control · HTML 5: Client-side Storage · Working with Ajax Server Extensions
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Wi-Fi Product Watch, November 2009 · Chip Market Recovering From '08 Collapse · Low-Cost Tools to Kickstart Your New Business