JavaScript Question

Hi,



I'm trying to figure out the javascript for this condition:



If the user moves their mouse over a field, I want the field to turn yellow.

When the user moves their mouse away from the field, I want the field to
turn white.

If the user clicks on the field, I want the field to turn yellow, HOWEVER.I
do NOT want the field to turn white again when they move the mouse out of
that field.



In other words, if they click on it, I want it to stay yellow regardless of
the mouse location after the click.



Here's the Java Script events I've coded so far and each works individually,
however, OnMouseOut overrides everything else.





onMouseOver="this.style.background='yellow';"
onClick="this.style.background='yellow';"
onFocus="this.style.background='yellow';"
onmouseout="this.style.background='white';"





Can anyone tell me how to add some if logic to this so that I can maintain
the yellow color when the user clicks the field, regardless of where the
mouse is after the click?





Thanks!



Shannon O'Donnell