estoy haciendo una tabla que lee los valores extraídos de la base de datos con php y necesito hacer que cuando algun valor de la columna reposicion sea cero se coloree de rojo.
Explicación:
hice una condicional de javascript de modo cuando la variable "valor" (var valor="<?php echo $usuario['reposicion']?>";
sea igual a 0 entonces colorear de rojo el texto del ancla con el name "campo" y la id "enlace":
<a style="" id="enlace" name="campo" href="repo.php?repos=<?php echo $usuario['reposicion'];?>"><?php echo $usuario['reposicion']?></a>
esto lo hace usando un if
de php que hace que cuando el valor sea igual a cero entonces usar una sentencia getElementsByName
que llama al ancla por su name, este es el if
:
<script>
var valor = "<?php echo $usuario['reposicion']?>";
if(valor =="0"){
document.getElementsByName("campo")[0].style.backgroundColor = "#ee2500";
}else{
document.getElementsByName("campo")[0].style.backgroundColor = "#333";
}
</script>
El problema es que la condicional esta dentro de un ciclo foreach de PHP que lee todos los datos extraídos de la DB y por alguna razón este condicional no funciona, pues de todos los datos que lee solo funciona con el primero.
<table>
<thead>
<th>id</th>
<th>No. Devolucion</th>
<th>Reposicion</th>
</thead>
<tbody>
<?php
if($rol_user==='admin' || $rol_user==='administrativo'){
foreach($usuarios as $usuario){
?>
<tr style="text-align:center">
<td><?php echo $usuario['id']?></td>
<td><?php echo $usuario['Devolucion']?></td>
<td>
<a id="enlace" name="campo" href="repo.php?repos=<?php echo $usuario['reposicion'];?>">
<?php echo $usuario['reposicion']?>
</a>
<script>
var valor = "<?php echo $usuario['reposicion']?>"; //si la variable es 0 entonces
if(valor =="0"){
document.getElementsByName("campo")[0].style.backgroundColor = "#ee2500";//colorear de rojo
}else{
document.getElementsByName("campo")[0].style.backgroundColor = "#333"; //dejar normal
}
</script>
</td>
<?php
}
}
</tbody>
</table>