Resaltar fila de una tabla
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.
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.
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>
<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>