marca fila de una tabla hola amigos estoy haciendo una rutina que me imprima los datos de una tabla de mysql en una tabla de html.
Las filas de la tabla se va imprimir dinamicamente o sea, cuando imprima el primier registro la fila sera de color blanca inmendiatemente activo una bandera que hara la fila siguiente las imprima de color azul y viceversa.
Bueno lo que yo quiesiera saber si alguien lo ha hecho es que yo pueda al dar click sobre una fila cambiar el color y cambiarlo de color ("amarillo") pero cuando yo este pasando el cursor sobre las filas cambia de color("verde"), entonces cuando yo le de clik a otra fila que la fila anterior que estaba marcada quede del color que tenia previamente ya sea ("blanca o azul") y la nueva fila marcada que marcada con el color amarillo.
aqui les tengo un ejemplo pero aqui es con un solo color para todas las filas
espero que me saquen de estan duda algo tonta pero la verdad me trae ya a tontado jejejeje espero alguna respuesta
aqui les dejo un ejemplo
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript">
var anterior="";
function resaltar(obj) {
if (anterior != obj)
obj.style.backgroundColor='#ffcc00';
}
function normal(obj) {
if (anterior != obj)
obj.style.backgroundColor='#FFFFCC';
}
function marcar(obj) {
/* despinto la anterior */
if (anterior) anterior.style.backgroundColor='#FFFFCC';
obj.style.backgroundColor='#ffcccc';
anterior = obj;
}
</script>
</head>
<body>
<p>Pase el mouse sobre las filas de la tabla y haga click! </p>
<table width="400" border="1" cellpadding="0" cellspacing="0" bgcolor="#FFFFCC">
<tr
onMouseOver="resaltar(this)"
onMouseOut="normal(this)"
onClick="marcar(this)"
>
<td> </td>
<td> </td>
</tr>
<tr
onMouseOver="resaltar(this)"
onMouseOut="normal(this)"
onClick="marcar(this)"
>
<td> </td>
<td> </td>
</tr>
<tr
onMouseOver="resaltar(this)"
onMouseOut="normal(this)"
onClick="marcar(this)"
>
<td> </td>
<td> </td>
</tr>
<tr
onMouseOver="resaltar(this)"
onMouseOut="normal(this)"
onClick="marcar(this)"
>
<td> </td>
<td> </td>
</tr>
<tr
onMouseOver="resaltar(this)"
onMouseOut="normal(this)"
onClick="marcar(this)"
>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
