1

Estoy tratando de crear un estilo para mostrarlo si el campo es 1 ó 0

cuando es 1 y 0 me lo muestra bien , la cosa es que si me equivoco y deseo que aparezca el estilo rojo el verde aun aparece.

<?php if($resultado['id_usuario_autoriza']): ?>
            <tr>

              <?php if($resultado['autorizado']): ?>
                <th style="color:green;">Autorizado Por:</th>
                <td style="color:green;"><?=$resultado_usuario_autoriza['personaNombre']?> <?=$resultado_usuario_autoriza['apellido']?><?php if ($resultado_usuario_autoriza['id_departamento']= 1) $departamento1 = "Sistemas"; ?>  <?php  echo $departamento1; ?></td>
              <?php elseif(!$resultado['autorizado']): ?>
                <th style="color:red;">No Autorizado Por:</th>
                <td style="color:red;"><?=$resultado_usuario_autoriza['personaNombre']?> <?=$resultado_usuario_autoriza['apellido']?></td>
              <?php endif; ?>

            </tr>
          <?php else: ?>
            <tr>

              <th>Autorizado Por:</th>
              <td>Sin Autorizar</td>

            </tr>
      <?php endif; ?>

introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

aqui en la ultima imagen muestro lo que seteo al momento de autorizar o deshautorizar la solicitud.

8
  • EL valor de $resultado['autorizado'] es un entero o un string? el 29 oct. 2018 a las 14:34
  • es un entero @DavidLeonardoMolinaRuizDav
    – Juan Ortiz
    el 29 oct. 2018 a las 14:44
  • No entiendo que es lo que necesitas. Las imágenes me dan a entender que esta funcionando lo que quieres hacer. Mas allá de eso veo errores de sintaxis.
    – Fran Islas
    el 29 oct. 2018 a las 14:44
  • el problema que cuando cambio de valor , luego de autorizar a No autorizar el valor no se cambia... sigue siendo autorizado. como lo muestra en la primera imagen @FranIslas
    – Juan Ortiz
    el 29 oct. 2018 a las 14:50
  • Tu pregunta es confusa y tus comentarios también: el problema que cuando cambio de valor luego de autorizar a No autorizar el valor no se cambia... ¿dónde, cuándo, como? ¿Lanzas algún evento cuando cambias de valor para modificar los estilos? ¿Cuál es el código que cambia de un estilo a otro según esté autorizado o no de forma dinámica? No explicas nada sobre el contexto... Aparte de eso, el código se puede simplificar bastante, pero es necesario entender el contexto.
    – A. Cedano
    el 29 oct. 2018 a las 14:53

2 respuestas 2

0

El campo autorizado tiene que ser NULL y despues hacer la modificación: 1 para autorizado y 2 para pendiente

if($resultado['autorizado'] == 1){
   echo "Autorizado";
} elseif($resultado['autorizado'] == 2) {
   echo "Pendiente";
}else {
   echo "No autorizado";
}
0

Juan mira este ejemplo muy sencillo. Pienso que es lo que necesitas. Si es así me dices y te indico también una forma más elegante de construir tus elementos en el código PHP.

Se recomienda usar clases CSS en vez de poner reglas de estilo directamente en los elementos. ¿Por qué? Por muchos motivos. Pongamos sólo uno: imagina una página con miles de archivos donde los estilos (colores, tamaños, márgenes...) están directamente en los elementos y hay necesidad de cambiar algo. Habrá que abrir los archivos y modificar de nuevo esos atributos in situ. Con reglas CSS cambias el valor solamente en el archivo CSS y el estilo se aplica a todos los elementos que tengan esa clase.

Aquí se aplica esa norma y verás lo fácil que resulta cambiar el color de verde a rojo o viceversa.

Espero te sirva.

/*Asignamos un listener a todos los elementos con la clase "button"*/
document.querySelectorAll(".button").forEach(function(elem) {
  elem.addEventListener('click', setColor, false);
});

function setColor() {
  /*Referencia (por su id) a la fila que cambiará de color*/
  var trAutorizado = document.querySelector("#trf");
  /*Usamos el valor de name de cada botón para setear la clase CSS*/
  trAutorizado.className = this.name;
}
.btn-autorizar {
  float: right;
  text-align: right;
}

.red {
  color: red;
}

.green {
  color: green;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" rel="stylesheet" />

<div class="btn-autorizar">
  <a class="button is-success" name="green">Autorizar</a>
  <a class="button is-danger" name="red">No Autorizar</a>
</div>
<table class="table">
  <tbody>
    <tr>
      <td>Nombre: </td>
      <td>Juan Ortiz</td>
    </tr>
    <tr>
      <td>Tipo de solicitud:</td>
      <td>Soporte</td>
    </tr>
    <tr class="green" id="trf">
      <td>Autorizado por: </td>
      <td>Juan Ortiz</td>
    </tr>
  </tbody>

</table>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.