spacer
Yehuda Shiran May 25, 2000
Modifying the Button's Banner
Tips: May 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
Google Going Native With Chrome
Mozilla Fixes Firefox Flaws as 3.5 Release Nears
Microsoft and Novell Still Bosom Buddies

 Suppose we have a button with a text inside it. We usually want our user interface to be user friendly, and change the button face according to what expected next from the user. The simplest way to do it in Internet Explorer 5.0 and up is by modifying the innerText property of the button object. We change it in the event handler function:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--

function changeFace() {
  if (oButton.innerText == "Option is Off") {
    oButton.innerText = "Option is On"
  }
  else {
    oButton.innerText = "Option is Off";
  }
}

// -->
</SCRIPT>
</HEAD>
<BODY>
<BUTTON ID="oButton" onclick="changeFace()">Option is On</BUTTON>
</BODY>
</HTML>

And here is a demonstration:

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, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
XML and PHP Simplified · Creating a ASP.NET Contact Form · Data Filtering with PHP
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters > 
 The latest from internet.com
Intel to Host Live Nehalem Q&A · 12 Tips to Troubleshoot Network File-Sharing · 10 Tips for Selling on Kijiji