Hola mysterio069!
Podrías resolverlo mediante Javascript con ayuda de CSS, de la siguiente forma:
- Para resaltar las filas al pasar el mouse, cambias el estilo (CSS) llamándolo desde el evento onMouseOver (el mouse pasa por arriba de las filas) y OnMouseOut (el mouse sale de la fila)
- Para convertirlas en enlace al hacer click, mediante el evento onClick rediriges al usuario a la página que desees.
El código resultante sería algo así:
Código Javascript
:
Ver original<!-- copiar dentro del tag <head> -->
<script langiage="javascript" type="text/javascript">
// RESALTAR LAS FILAS AL PASAR EL MOUSE
function ResaltarFila(id_fila) {
document.getElementById(id_fila).style.backgroundColor = '#C0C0C0';
}
// RESTABLECER EL FONDO DE LAS FILAS AL QUITAR EL FOCO
function RestablecerFila(id_fila) {
document.getElementById(id_fila).style.backgroundColor = '#FFFFFF';
}
// CONVERTIR LAS FILAS EN LINKS
function CrearEnlace(url) {
location.href=url;
}
</script>
Luego deberás crear las tablas asignando un ID único a cada fila
<tr> y llamar a la función que corresponda con el evento apropiado:
Código HTML:
Ver original<tr id="fila_1" onMouseOver="ResaltarFila('fila_1');" onMouseOut="RestablecerFila('fila_1')" onClick="CrearEnlace('http://www.google.com');">
Espero que te sirva! Aunque seguro, te moverán el post de foro
