change textbox attributes on click

[jmcg]

I am trying to get a bit of code that will change the background color and change the size of a textbox when it is clicked on.
The Javscript function is (for just the color):

function changeInput(this) {
	document.getElementById(this).style.backgroundcolor = "silver" ;
	}

and the code to call it is:

<input type="text" name="#Contact_First_Name#" value='#Contact_First_Name#' size=#len(Contact_First_Name)+4# onClick=" changeInput(this) return true;">

The error I get is object not defined.

 

[jmcg]

Sorry the code to call should read:

<input type="text" name="Contact_First_Name" value='#Contact_First_Name#' size=#len(Contact_First_Name)+4# onClick=" changeInput(this);">

 

[BabyJeffy]

Some changes - this is a reserved word, and you got the case wrong for setting the style:

function changeInput([!]oElement[/!]) {
    document.getElementById([!]oElement[/!]).style.background[!]C[/!]olor = "silver" ;
    }

You might want to look at the input - you seem to have mixed up some other (non-client side) code in the size attribute. You ought to wrap the contents of the size attribute in speech marks (size="12").

I don't know what else is broken... but those steps need to be done first.

Cheers,
Jeff

[tt]Visit my blog [!]@[/!]

http://www.coderambler.com/

Visit Code Couch [!]@[/!]

http://www.codecouch.com/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[tsuji]

[tt]function changeInput([red]obj[/red]) { //"this" is special reserved word
[red]obj[/red].style.background[red]C[/red]olor = "silver" ;
}
[/tt]

 

[vicvirk]

function changeInput([b]obj[/b]) {
    document.getElementById([b]this[COLOR=red].id[/color][/b]).style.background[s]color[/s] = "silver" ;
    }

<input type="text" [b]id="#Contact_First_Name#"[/b] name="#Contact_First_Name#" value='#Contact_First_Name#' size=#len(Contact_First_Name)+4# onClick=" changeInput(this)[b][COLOR=red];[/color][/b]return true;">

TIP: trying googling the answer before posting, you'll find that more times than not someone else somewhere has had the same request and posted an answer online.
----
I have recently been semi-converted to ensuring all my code (well most of it) works in both javascript and non-javascript enabled browsers

 

[vicvirk]

^ sorry

function changeInput(obj) {
    document.getElementById([b]obj.id[/b]).style.backgroundcolor = "silver" ;
    }

TIP: trying googling the answer before posting, you'll find that more times than not someone else somewhere has had the same request and posted an answer online.
----
I have recently been semi-converted to ensuring all my code (well most of it) works in both javascript and non-javascript enabled browsers

 

[jmcg]

Got it working with

function changeInput(obj) {
	obj.style.background = "99ccff" ;
	}

<input type="text" name="Contact_First_Name" value='#Contact_First_Name#' size='#len(Contact_First_Name)+4#' onClick="changeInput(this);return true;">

Thakns to all for the help