Mouseover, Mouseout og Mouseclik!
Jeg har en side hvor jeg vil Classe ved mus over mus ud og så problemet, ved clik. Det virker tilsydeladende fint, men problemet er at jeg ønsker at beholde classen ved trykket. Og dvs. den skal ikke ændre ved mouseout, eller også findes der anden løsning?Scriptet er følgende:
________________________________
<html><head>
<SCRIPT language=javascript>
<!---
function color(id,classe)
{if(document.getElementById) {document.getElementById(id).className=classe;}}
// -->
</SCRIPT>
<STYLE type=text/css>
.Over {COLOR:#FFF000;background-color: #FF0000;}
.Out {COLOR:#f1f1f1;background-color: #FFFFFF;}
.bliv {COLOR:#ff0000;background-color: #FFF000;}
</STYLE>
</head>
<BODY>
<table>
<tr id='tr1' onmouseover="color('tr1','Over');" onmouseout="color('tr1','Out');"><td>Celle nr 1</td><td>Celle nr 1.2</td></tr>
<tr id='tr2' onmouseover="color('tr2','Over');" onmouseout="color('tr2','Out');"><td>Celle nr 1</td><td>Celle nr 1.2</td></tr>
<tr id='tr3' onmouseover="color('tr3','Over');" onmouseout="color('tr3','Out');"><td>Celle nr 1</td><td>Celle nr 1.2</td></tr>
<tr id='tr4' onmouseover="color('tr4','Over');" onmouseout="color('tr4','Out');"><td>Celle nr 1</td><td>Celle nr 1.2</td></tr>
<tr id='tr5' onmouseover="color('tr5','Over');" onmouseout="color('tr5','Out');"><td>Celle nr 1</td><td>Celle nr 1.2</td></tr>
<tr id='tr6' onclick="color('tr6','bliv');" onmouseover="color('tr6','Over');" onmouseout="color('tr6','Out');"><td>Celle nr 1</td><td>Celle nr 1.2</td></tr>
</table>
</BODY></HTML>
