text box colour

**monaghan** · 26-10-2005, 23:30

Did you get this working in the end ?

**monaghan** · 27-10-2005, 00:09

I'm bored waiting for a file transfer after installing a new hard disk in my dev server, so have a look at this very quick & dirty bit of demo code.

Code:

<html>

<head>

<script language="javascript">
function do_blue(myitem) {
	mydiv = document.getElementById(myitem);
	mydiv.style.backgroundColor = "#0000ff";

}
function do_red(myitem) {
	mydiv = document.getElementById(myitem);
	mydiv.style.backgroundColor = "#ff0000";

}
</script>
</head>

<body>

<form method="POST">
  <p><input type="text" name="T1" size="20" onblur="do_red('T1');" onfocus="do_blue('T1');"> </p>
  <p>
  <input type="text" name="T2" size="20" onblur="do_red('T2');" onfocus="do_blue('T2');"></p>
  <p>&nbsp;<input type="submit" value="Submit" name="B1">
  <input type="reset" value="Reset" name="B2"></p>
</form>

</body>

</html>

In reality, you'd use DOM events rather than hard code the onblur/onfocus events into each element, but this will give you a simple starter.

26-10-2005, 23:30	#11 (permalink)
monaghan Super Moderator Join Date: Mar 2005 Location: Herts, UK Posts: 1,041 iTrader: 1 / 100%	Did you get this working in the end ? __________________ Alex Monaghan - Monaghan Consultants Ltd Web hosting, ADSL, IT & Database consultancy Custom Web hosting on UK or USA servers using Linux (cPanel) or Windows (DotNetPanel) Mobile Phone Ringtones, Logos, Java Games & more

27-10-2005, 00:09	#12 (permalink)
monaghan Super Moderator Join Date: Mar 2005 Location: Herts, UK Posts: 1,041 iTrader: 1 / 100%	I'm bored waiting for a file transfer after installing a new hard disk in my dev server, so have a look at this very quick & dirty bit of demo code. Code: <html> <head> <script language="javascript"> function do_blue(myitem) { mydiv = document.getElementById(myitem); mydiv.style.backgroundColor = "#0000ff"; } function do_red(myitem) { mydiv = document.getElementById(myitem); mydiv.style.backgroundColor = "#ff0000"; } </script> </head> <body> <form method="POST"> <p><input type="text" name="T1" size="20" onblur="do_red('T1');" onfocus="do_blue('T1');"> </p> <p> <input type="text" name="T2" size="20" onblur="do_red('T2');" onfocus="do_blue('T2');"></p> <p> <input type="submit" value="Submit" name="B1"> <input type="reset" value="Reset" name="B2"></p> </form> </body> </html> In reality, you'd use DOM events rather than hard code the onblur/onfocus events into each element, but this will give you a simple starter. __________________ Alex Monaghan - Monaghan Consultants Ltd Web hosting, ADSL, IT & Database consultancy Custom Web hosting on UK or USA servers using Linux (cPanel) or Windows (DotNetPanel) Mobile Phone Ringtones, Logos, Java Games & more

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
$1 Text Links	rustypaulin	Buy and Sell Ad Space	1	14-07-2006 21:47
colour chart	Lewis	General Webmaster Discussion	2	21-05-2005 11:53
Change Scroller Colour	Departed	Comments / Suggestions	2	29-04-2005 16:06
Change Scroller Colour	Departed	Programming Articles	6	23-04-2005 09:59

text box colour

text box colour

Similar Threads