Changing text on a form button when clicked...

pjfarr · Feb 4, 2006

How do I get the text on a form button to change each time it's pressed? Ideally, I need 4 alternating labels.

Initially, it displays Text #1
When pressed the first time, it changes to Text #2.
The second press changes it to Text #3, and so on.

As the button launches a new graphic with each press, I'd like the text on the button to cue the user for the next press.

Thanks...
~P.J.F.

BillyRayPreachersSon · Feb 4, 2006

Here you go:

Code:

<html>
<head>
	<script type="text/javascript">
		var buttonTextNum = 0;
		var newButtonText = ['Initial text', 'Next text', 'Even more text', 'Yet more text', 'Aren\'t we done here yet?'];

		function setText() {
			buttonTextNum++;
			if (buttonTextNum == newButtonText.length) buttonTextNum = 0;
			document.getElementById('myButton').value = newButtonText[buttonTextNum];
		}
	</script>
</head>

<body>
	<input type="button" id="myButton" onclick="setText();" value="Initial text" />
</body>
</html>

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

pjfarr · Feb 4, 2006

That was it!
Thanks X 1,000,000, Dan.

~P.J.F.

pjfarr · Feb 4, 2006

By the way, big LOL at "'Aren\'t we done here yet?'"

~P.J.F.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Changing text on a form button when clicked...

pjfarr

Technical User

BillyRayPreachersSon

Programmer

pjfarr

Technical User

pjfarr

Technical User

Similar threads

Part and Inventory Search

Sponsor