Zeile selektieren

[Ragnarök]

Hallo Zusammen,

ich habe ein Tabelle bei der die verschiedenen <tr>'s bei onmouseover ihre Hintergrundfarbe ändern. Mit onmouseout bekommen sie wieder ihre alte Farbe zugewiesen. Nun habe ich noch onclick eingebaut um eine Zeile zu markieren. Das Problem ist jetzt nur, dass die Zeile nur solange markiert ist, wie auch der Mauszeiger auf ihr ist. Wird die Maus bewegt, kommt gleicht onmouseout zum Zuge und die markierte Zeile hat wieder ihre alte Farbe.

Habt ihr eine Idee wie man dies kombinieren könnte? Das einersteits die <tr>'s ihre Farbe wechseln wenn man mit der Maus darüber fährt, bei einem Klick ihre Farbe jedoch behalten.

Hier noch ein Codeausschnitt:

<table width="100%" align="left" cellpadding="0" cellspacing="1" border="0" style= "cursor:pointer;" style="border-collapse:collapse">
  <tr class="test1" onmouseover="this.className='test';" onmouseout="this.className='test1';" onclick="this.className='test3';">
    <td width="25%"><a href="#" /><img SRC="D:/img/plus.gif" border="0" /></td>
    <td width="25%">a</td>
    <td width="25%">b</td>
    <td width="25%">c</td>
  </tr>
  <tr class="test1" onmouseover="this.className='test';" onmouseout="this.className='test1';" onclick="this.className='test3';">
    <td><a href="#" /><img SRC="D:/img/plus.gif" border="0" /></td>
    <td>a</td>
    <td>b</td>
    <td>c</td>
  </tr>
</table>

Vielen Dank und Grüsse

Ragnarök