The below should help you with how to put together what you are trying
to do.

<input type=3D"button" id=3D"buttonA" 
onclick=3D"hideMe(this.id);"></input>
<input type=3D"button" id=3D"buttonB"></input>

function hideMe(id) {
	var aE =3Ddocument.all;
	if(id =3D=3D "buttonA") {
		aE["buttonA"].style.display =3D 'none';
		aE["buttonB"].style.display =3D 'block';
	}
}

J. Scot Johnston
Senior Software Engineer
IronSpire Inc.

-----Original Message-----
From: Hi Servlet [mailto:freeservlet@y...]
Sent: Tuesday, July 16, 2002 12:54 AM
To: javascript
Subject: [javascript] Hide the button


Hi,

When i want to click a button A, a button B, which is initially hidden,

will be displayed and button A should be hidden at the same time.

May i know how can that be done?
Thanks

---

Improve your web design skills with these new books from Glasshaus.

Usable Web Menus
http://www.amazon.com/exec/obidos/ASIN/1904151027/ref=3Dnosim/theprogramm
e
r-20
Constructing Accessible Web Sites
http://www.amazon.com/exec/obidos/ASIN/1904151000/ref=3Dnosim/theprogramm
e
r-20
Practical JavaScript for the Usable Web
http://www.amazon.com/exec/obidos/ASIN/1904151051/ref=3Dnosim/theprogramm
e
r-20