changing a textarea's bgcolor

[Markus]

If you take a look at the textarea for commenting on this page you'll see my desire.

When hovering over the textarea the bgcolor changes, but once the textarea is clicked it maintains this new color until the area loses focus.

What's going on guys?

[harshmaul]

wasup markus!!!

CSS follows...

textarea:hover{
    background:#ffc;
    cursor:text;
}

[Markus]

wasup markus!!!

CSS follows...

textarea:hover{
    background:#ffc;
    cursor:text;
}

SUP DAWG!

I was aware of this.

But surely on mouseout the bgcolor reverts?

[Death Slaught]

You can probably just use JavaScript it seems simple enough. On click change the background color and on blur change it back.

Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")

PS - When my computer stops lagging I may try and do it and then post the code, but before I post it I want to see you try it. ^_^

[hsriat]

oohh... I caught Mark posting same question in 2 forums! :D

I hope Mark got his answer by now. :)

[Death Slaught]

lol and he still hasn't gotten a working example for IE6!

Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")

[hsriat]

ooohhh!! really?... he never said that...

If he needs a JavaScript solution, then here it is...[html]<style type="text/css">
textarea {
background-color:#ffffff;
border:#445588 solid 1px;
}
textarea.bright {
background-color:#ccccff;
border:#000000 solid 1px;
}
</style>
<textarea name="markstext"
cols="100"
rows="5"
onmouseover="if (this.title!='The title ') {this.className='bright';this.title='The title';}"
onfocus="this.className='bright';this.title='The title ';"
onmouseout="if (this.title!='The title ') {this.className='';this.title='';}"
onblur="this.className='';this.title='';"
title="">
</textarea>
[/html]
If you want to provide a title say "My textarea" to the text area, just replace "The title" in the code it with, DON'T remove the space after the title!.

This will miss just one case. Le'me see if Mark can find that.

But still, I do recommend to use the CSS's hover and focus. And provide strict doctype if possible to validate that.

Regards

[hsriat]

And this is better...[html]<style type="text/css">
textarea {
background-color:#ffffff;
border:#445588 solid 1px;
}
textarea.bright {
background-color:#ccccff;
border:#445588 solid 1px;
}
textarea.bright1 {
background-color:#ccccff;
border:#445588 solid 1px;
}
</style>
<textarea name="markstext"
onmouseover="if (this.className!='bright1') this.className='bright';"
onfocus="this.className='bright1';"
onmouseout="if (this.className!='bright1') this.className='';"
onblur="this.className='';"
title="whatever title">
</textarea>[/html]

[harshmaul]

WOW! you guys were up throughout the night!!! damn my time zone!

[hsriat]

WOW! you guys were up throughout the night!!! damn my time zone!

It was your evening at the time. Don't damn your time zone.

My side it was 3:00AM :D, and 12 hours ahead DS.

[Markus]

Aren't you guys nice!

I completely forgot about this...

Haha, I also apologise for double posting :|

I had a slip in concentration!

Anyways, seems both threads have had a decent discussion, and plenty of suggestions. Time to have a read!

Thanks again, my lovelies.