No se aconseja mezclar en un mismo flujo código PHP / Javascript. Porque PHP trabaja del lado del servidor y Javascript del lado del cliente. Cuando necesites una comunicación fluida entre cliente y servidor puedes usar Ajax, o la nueva API Fetch de Javascript. Pero no es lo que necesitas aquí.
Esto lo puedesPara resolver de una forma más limpia, poniendoel problema que se plantea en tu pregunta puedes poner una clase .css
en el elemento, según el valor y luego aplicar el color en la hoja de estilo. Eso lo haremosAdemás es la práctica recomendada, porque el código queda más limpio, es más fácil de mantener y puedes reutilizar esa hoja de estilo en todo tu proyecto, dando uniformidad.
La clave de todo está en esta línea:
Lo que ocurre aquí es que mediante un operador ternario, verificamos el valor de $usuario['reposicion']
. Si es igual a 0
el valor de $color
será red
, de lo contrario será black
.
Luego, en el código PHP crearemos un <span class="$color">
que tomará red
o black
según el caso y la regla .css
se encargará de aplicar el color. En el .css
aprovechamos también para poner una regla llamada row-center
para centrar las filas, y quitamos el style
que aplicas directamente sobre los elementos, lo cual es otrase considera una mala práctica por lo dicho antes. Es mejor separar responsabilidades, delegando la presentación a una hoja de estilo.
En casoCon esto quedaría resuelto el problema de queuna manera satisfactoria. Aún así, si los valores seanson cambiados por el usuario (en el cliente), y se requierarequiriera una actualización dinámica, también se puedepodría hacer. En este caso yase haría desde Javascript, escuchando ese cambio y asignado al elemento una clase diferente. No parece ser el casoO sea, algo parecido a lo que hacemos en PHP, pero de serlodel lado del cliente, usar una clase .css
te servirá tambiény usando siempre la misma hoja de estilo. Pero esto no aplica para eseeste caso, porque no estamos hablando de usoelementos editables.
VeamosDejando eso de lado, veamos un ejemplo de cómo habría que organizar el código.
En primer lugar, tendrías que crear un archivo de estilo con las siguientes reglas y poner ese archivo en la cabecera del contenido html que se genera:
Como ya se dijo, en este archivo puedes poner todas tus reglas de estilo, quitándolas de los elementos, así no tienes reglas esparcidas por todo el código, sino centralizadas en un solo archivo.
En PHP introduciremos algunas mejoras que den claridad y simplicidad al código usando sprintf
sprintf()
, es algo parecido a implementar plantillas. De paso evitaremos ids repetidos en los elementos, lo cual es otra mala práctica que puede llevar a errores si se usaráusara en un futuro getElementById
del lado del cliente, para tomar decisiones importantes en base al ID de los elementos.
El código creará las filas como se puede ver en el snippet siguiente. Si observas el valor de la fila 2 está en rojo, porque es 0
, todos los demás valores están en negro.