Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/06/2010, 13:17
Avatar de TurKa
TurKa
 
Fecha de Ingreso: enero-2003
Ubicación: Gerli, Avellaneda
Mensajes: 543
Antigüedad: 15 años, 9 meses
Puntos: 4
Respuesta: filas de una tabla como enlaces

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
  1. <!-- copiar dentro del tag <head> -->
  2. <script langiage="javascript" type="text/javascript">
  3. // RESALTAR LAS FILAS AL PASAR EL MOUSE
  4. function ResaltarFila(id_fila) {
  5.     document.getElementById(id_fila).style.backgroundColor = '#C0C0C0';
  6. }
  7.  
  8. // RESTABLECER EL FONDO DE LAS FILAS AL QUITAR EL FOCO
  9. function RestablecerFila(id_fila) {
  10.     document.getElementById(id_fila).style.backgroundColor = '#FFFFFF';
  11. }
  12.  
  13. // CONVERTIR LAS FILAS EN LINKS
  14. function CrearEnlace(url) {
  15.     location.href=url;
  16. }
  17. </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
  1. <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
__________________
Programación LAMP con Scrum y XP
www.eugeniabahit.com.com.ar