Buenos días:
quisiera que me pudieran ayudar estoy intentando poner un pequeño efecto a una tabla,
que cuando pase con el ratón por cada una de las celdas cambie de color.
el problema esta en que puse un código que lo hace pero solo me toma la primera fila
es como si el while no funcionara con el efecto porque con los registros esta bien
pego el codigo solo de la parte donde se implementa
codigo php:
aca hay mas codigo pero no interesa en estos momentos solo el llamado a la función javascrip
<script type="text/javascript" language="javascript" src="js/funciones.js"></script>
<table cols=14 width="1711" style="font-size: 22px;" border="1" align="center">
<tr>
<th width="95" ="col">Registros</th>
<th width="80" scope="col">Codigo Del Cliente</th>
<th width="144" scope="col">Nombre Del Cliente </th>
<th width="144" scope="col">Alias Ejecutivo </th>
<th width="85" scope="col">Marca Principal</th>
<th width="77" scope="col">Valor Inicial Neto</th>
<th width="109" scope="col">Cantidad</th>
<th width="143" scope="col">Responsable</th>
<th width="125" scope="col">Fecha De Registro</th>
<th width="190" scope="col">Valor En Pesos Semana</th>
<th width="212" scope="col">Valor Pendiente Por Facturar</th>
<th width="149" scope="col">Porcentaje de Exito</th>
<th width="149" scope="col">Observaciones</th>
<th width="96" scope="col">Modificar</th>
<th width="124" scope="col">Eliminar</th>
<th width="124" scope="col">Facturar</th>
</tr>
<?php
while($fila=mysql_fetch_array($rst_registros))
{
?>
<tr id="<?php echo "ide_$i";?>" style="background-color:#f0f0f0" onMouseMove="cambiar('<?php echo "ide_$i";?>','#cccccc')" onMouseOut="cambiar('<?php echo "ide_$i";?>','#f0f0f0');">
<td><?php echo '<font size=4px >'. $fila["id_registro"];'</font>'?></td>
<td><?php echo '<font size=4px>'.$fila["id_empresa"]. '</font>'?></td>
<td ><?php echo '<font size=4px>'. $fila["nombre_empresa"]; '</font>'?></td>
<td ><?php echo '<font size=4px>'. $fila["alias"]; '</font>'?></td>
<td><?php echo '<font size=4px>'. $fila["nombre_marca"]; '</font>'?></td>
<td><?php echo '<font size=4px>'."$".number_format($fila["valor"],0,"","."); '</font>'?></td>
<td><?php echo '<font size=4px>'. $fila["cantidad"]; '</font>'?></td>
<td><?php echo '<font size=4px>'. $fila["nombre_empleado"]; '</font>'?></td>
<td><?php echo '<font size=4px>'. $fila["fecha"]; '</font>'?></td>
<td><?php echo '<font size=4px>'."$".number_format($fila["valor_en_pesos"],0,"","."); '</font>'?></td>
<td><?php echo '<font size=4px>'."$".number_format( $fila["valor_pendiente"],0,"","."); '</font>'?></td>
<td><?php echo '<font size=4px>'. $fila["nombre_porcentaje"]; '</font>'?></td>
<td><?php echo '<font size=4px>'.$fila["observaciones"]; '</font>'?></td>
<td><div align="center" style="font-size: 22px;"><a href="registro_modificar.php?reg=<?php echo $fila["id_registro"] ?> & ali=<?php echo $fila["alias"] ?> ">modificar</a></div></td>
<td><div align="center" style="font-size: 22px;"><a href="registro_eliminar_confirmar.php?reg=<?php echo $fila["id_registro"] ?>& ali=<?php echo $fila["alias"] ?> ">eliminar</a></div></td>
<td><div align="center" style="font-size:22px"><a href="numfactura.php?reg=<?php echo $fila["id_registro"] ?> & ali=<?php echo $fila["alias"] ?>">facturar</a></div></td>
</tr>
<?php
}
?>
</table>
funcion javascript
:
function cambiar(id,color)
{
document.getElementById(id).style.backgroundColor= color;
}
muchas gracias por su ayuda