Java Script this?

chads2k2

Ok check this out.... I have seen it HUNDREDS of times but didn't feel like ripping the source out of it. Its a form... it has the boxes darken (you cannot put anything in them) and then if you click a box it becomes white (which means you can type in them) now how the heck do they do that???? It seems like DHTML or even XHTML or could possibly be Javascript. Am I even at the right stadium or am I possibly in the parking lot? Thanks!

sfullman

here's how you refer to this:

document.form.textArea1.style.background = '#cccccc';

so you could do this: suppose you had element A, and if you typed something in it you wanted element B to go from grey to white

<input type="text" name="A" value="" onBlur="if(this.value <> ''){document.form.B.style.background = '#ffffff';}elseif(this.value ==''){document.form.B.style.background = '#cccccc';document.form.B.value='';}">

I'm not guaranteeing this code but it's close if not perfect, when you blur on a and it's blank, b goes blank and grey, if you blur on a and it's NOT blank, b goes white.

LMK if this works.

Sam Fullman
Compass Point Media

chads2k2

I hate to be a dick but could you give an example .... like a page where this is present? I do better visually. Thank you soo much!

sfullman

I made one mistake, it should be:

document.form.element.style.backgroundColor

and not just .background

try taking a look at javascript.internet.com under forms. You'll need to allocate some time if you expect to learn javascript. I was dragged in kicking and screaming myself but understand that it's complex now.

Sam

PHPdev

sfullman,

I think what he is looking for is to disable the form elements with Java Script. If you notice chads2k2 says

it has the boxes darken (you cannot put anything in them) and then if you click a box it becomes white (which means you can type in them) now how the heck do they do that????

You are still correct it is javascript but look at

document.form.element.disabled = true - for the dark color and can not type

document.form.element.disabled = false; - for white color and being able to type

Do this with the onClick event of a check box.

PHPdev

chads2k2

Could you shoot me an example of that happening? And I do intend to learn Javascript but not at the moment... a little tied down at the moment.

PHPdev

not sure which one of us you are asking an example from... but here is mine...

chads2k2

Actually you had the better idea of what I was looking for. Thanks!

Chad

chads2k2

Very cool!!! I just looked at the script... how would you flip it? Like have it dark then when the box is checked it turns true? I feel like a moron asking these type of questions being a programmer... Thanks for putting up with me!

Chad

PHPdev

That is when you have to change the color... not to sure on the exact coding.. but http://javascriptkit.com/ has lots of examples...

PHPdev