[SOLVED] possible to manipulate onmouseout behavior?

linchpin311 · November 28th, 2007, 02:18 PM

Hi everyone!

I've got a page where visitors cast votes written mostly in php with html (tables, and a little css). There are two choices the visitor can vote for, and as a little effect, i thought it would be nice if when the visitor moused over their choice, the td background would change from a light blue, to a light green. furthermore, when the visitor clicked on their choice i wanted the td background to change from a light green (cause they placed the mouse over their selection) to an even lighter green.

i can get all of that to happen with this code inside of the td tag:

Code:

onmouseover="this.style.background='url(img/lightgreen.gif)'"
onmouseout="this.style.background='url(img/lightblue.gif)'"
onmousedown="this.style.background='url(img/lightergreen.gif)'"

what i cant get to happen is when the visitor clicks on their choice, because of the onmouseout the color goes back to the light blue.

is there any way that when the user clicks down on their choice, the background of the td stays that lighter green? ive got a very limited knowledge of javascript, and ive been having some trouble trying to explain the effect im looking for to google's search engine.

many thanks in advance!!

Rakuli · November 29th, 2007, 08:15 AM

If they are selecting their choice, you can do a check as to whether the button is selected..

eg.

Code:

onmouseout="this.checked ? return : this.style.background='url(img/lightergreen.gif)'"

That will see whether the button has been clicked or not and won't change when the mouse is taken away

linchpin311 · December 3rd, 2007, 04:45 PM

thanks a lott!!!!

when i figured out how to work this into my code it worked like magic. many, MANY, thanks in helping me out.

this forumz great!