når man klikker skal den blive #F5EAD0 og når man så klikker igen

Hvad sker der ellers, når du klikker ?-)

der sker ikke noget nu, den skifter kun farve når man kører over også skifter den tilbage når man fjerne musen igen.. det skal være ldit ligesom i phpmyadmin :P

Måske sådan (og ellers kan du måske derudfra forklare det, så jeg forstår !-)

<style type="text/css">
#minTabel{background-color:#cfbbb0;border-collapse:collapse;cursor:pointer;}
#minTabel td{padding:2px;}
.evenRow{background-color:#eee;}
</style>

<table id="minTabel">
  <tr onmouseout="if(!this.clicked)this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#F5EAD0'" onclick="this.style.backgroundColor='#F5EAD0';this.clicked=this.clicked?false:true;">
    <td>1. celle i en række</td>
    <td>Endnu en celle i en række</td>
  </tr>
  <tr class="evenRow" onmouseout="if(!this.clicked)this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#F5EAD0'" onclick="this.style.backgroundColor='#F5EAD0';this.clicked=this.clicked?false:true;">
    <td>1. celle i en række</td>
    <td>Endnu en celle i en række</td>
  </tr>
  <tr onmouseout="if(!this.clicked)this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#F5EAD0'" onclick="this.style.backgroundColor='#F5EAD0';this.clicked=this.clicked?false:true;">
    <td>1. celle i en række</td>
    <td>Endnu en celle i en række</td>
  </tr>
  <tr class="evenRow" onmouseout="if(!this.clicked)this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#F5EAD0'" onclick="this.style.backgroundColor='#F5EAD0';this.clicked=this.clicked?false:true;">
    <td>1. celle i en række</td>
    <td>Endnu en celle i en række</td>
  </tr>
</table>

Præcist :D, men ville siden ikke kunne loades hurtigere hvis det kom i et javascript og man skrev onmouseout="mouseout();" eller noget i den stil?

Jo, selvfølgelig, men forskellen skal måles i micro-sekunder medmindre du har enormt mange af den slags rækker !-)

-- og performance vil være en anelse dårligere, men så er vi ude i pico-sekunder !o]

-- med en script-block (som selvfølgelig kan lægges eksternt !-) vil det f.eks. se sådan ud:

<style type="text/css">
#minTabel{background-color:#cfbbb0;border-collapse:collapse;cursor:pointer;}
#minTabel td{padding:2px;}
.evenRow{background-color:#eee;}
</style>

<script type="text/javascript">
  function mOut(elm){
    if(!elm.clicked)
      elm.style.backgroundColor='';
  }
  function mOver(elm){
    elm.style.backgroundColor='#F5EAD0';
  }
  function mClick(elm){
    elm.style.backgroundColor='#F5EAD0';
    elm.clicked=elm.clicked?false:true;
  }
</script>

<table id="minTabel">
  <tr onmouseout="mOut(this);" onmouseover="mOver(this);" onclick="mClick(this);">
    <td>1. celle i en række</td>
    <td>Endnu en celle i en række</td>
  </tr>
  <tr class="evenRow" onmouseout="mOut(this);" onmouseover="mOver(this);" onclick="mClick(this);">
    <td>1. celle i en række</td>
    <td>Endnu en celle i en række</td>
  </tr>
  <tr onmouseout="mOut(this);" onmouseover="mOver(this);" onclick="mClick(this);">
    <td>1. celle i en række</td>
    <td>Endnu en celle i en række</td>
  </tr>
  <tr class="evenRow" onmouseout="mOut(this);" onmouseover="mOver(this);" onclick="mClick(this);">
    <td>1. celle i en række</td>
    <td>Endnu en celle i en række</td>
  </tr>
</table>

-- els velbekomme '-)

Tusind tak :D

-- og jeg takker for point ;~}