@standby82
Podés hacerlo con una combinación de CSS y javascript, cambiando los calssName de las filas
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css" media="all"> /*<![CDATA[*/
table{
width: 90%; margin: auto; border-collapse: collapse;
}
td{
border: 1px solid black; cursor:pointer;text-align:center
}
tr.normal td {
background: cyan;
}
tr.normal:hover td{
background: lime;
}
tr.clickeada td {
background: red;
}
/*]]>*/
<script type="text/javascript"> //<![CDATA[
// Resaltado de filas y selección - IE7+, FF, Chrome, Opera y Safari
var r;
function marcarFilas(){
r = document.getElementsByTagName('TR');
for(var i=0;i<r.length;i++)
r[i].className = 'normal';
}
function seleccionarFilas(laFila){
var c = laFila.className;
var b = laFila.className;
laFila.className = b=='normal'||c=='normal'? 'clickeada' : c=='clickeada'? 'normal' : '';
}
onload= function() {
marcarFilas();
for(var i=0;i<r.length;i++) {
r[i].onclick = function(){ seleccionarFilas(this); }
}
}
//]]>
Saludos