Zona HTML Zona Java Zona PHP Zona ASP Zona Bases de datos
Inicio > Foros > Javascript > Resaltar fila de una tabla
-Foros de debate

Javascript
Lista de foros | Lista de mensajes de este foro

Privacidad: Recuerde que la información escrita en los foros de programación es 100% pública y que su ip será registrada asociada a su mensaje. Si encuentra un mensaje fuera de lugar, por favor, notifiquelo para su revisión y eliminación.

Resaltar fila de una tabla
Enviado por jhon el día 25 de enero de 2008

Saludos a todos.

Tengo una tabla HTML de resultados que se genera dinámicamente con Php embebido previa consulta a una BD Mysql.

En la primera celda de cada fila además genero un checkbox.

Mi consulta es:
1. Como hacer que al activar el checkbox, se resalte (cambio de color) la fila correspondiente a este, y al desactivarlo la fila vuelva a su color original.

2. Repetir este mismo efecto pero al hacer clic en cualquier celda de una fila x y que el checkbox correspondiente a esta fila detecte este clic como propio, con el cambio de estado(activado ó desactivado) correspondiente.

Lo que pretendo es sin duda, emular el efecto de phpMyAdmin al examinar una tabla, he analizado el código pero no logro éxito.

Gracias por sus comentarios y sugerencias.

 
Re: Resaltar fila de una tabla
Enviado por fangosto el día 17 de febrero de 2008

desconozco si ya tienes la respuesta. Por si no es así, te paso un pequeño ejemplo.

<html>
<head>
<title>Documento sin título</title>
<meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html; charset=iso-8859-1\\\">
</head>

<script>
function Marca(i)
{
if(document.getElementById(\\\"CBFila\\\"+ i).checked)
{document.getElementById(\\\"Fila\\\"+i).style.background=\\\"red\\\";}
else
{document.getElementById(\\\"Fila\\\"+i).style.background=\\\"white\\\";}
}
</script>

<body>
<table width=\\\"75%\\\" border=\\\"1\\\">
<tr>
<td id=\\\"Fila1\\\">
<input name=\\\"CBFila1\\\" type=\\\"checkbox\\\" onClick=\\\"Marca(1)\\\"> Fila número 1
</td>
</tr>
<tr>
<td id=\\\"Fila2\\\">
<input name=\\\"CBFila2\\\" type=\\\"checkbox\\\" onClick=\\\"Marca(2)\\\"> Fila número 2
</td>
</tr>
<tr>
<td id=\\\"Fila3\\\">
<input name=\\\"CBFila3\\\" type=\\\"checkbox\\\" onClick=\\\"Marca(3)\\\"> Fila número 3
</td>
</tr>
</table>

</body>
</html>

 


Tienda
Patrocinados
 

Copyright © 1999-2006 Programación en castellano. Todos los derechos reservados.
Formulario de Contacto - Datos legales - Publicidad

Hospedaje web y servidores dedicados linux por Ferca Network