Foros del Web » Programando para Internet » Javascript »

problema para mostrar el color en un input desde el DB

Estas en el tema de problema para mostrar el color en un input desde el DB en el foro de Javascript en Foros del Web. Buenas compañeros del foro. Tengo la siguiente consulta. Al momento de editar no logro traer el color de fondo, del Db, en los input si ...
  #1 (permalink)  
Antiguo 15/05/2024, 17:08
 
Fecha de Ingreso: noviembre-2004
Ubicación: NULL
Mensajes: 655
Antigüedad: 19 años, 5 meses
Puntos: 6
Pregunta problema para mostrar el color en un input desde el DB

Buenas compañeros del foro. Tengo la siguiente consulta.

Al momento de editar no logro traer el color de fondo, del Db, en los input si lo traigo con class dentro de: <span></span> si obtengo el color.

Como puedo obtener el color de fondo, siendo "0" el valor de BLANCO, y cualquier otro valor numero, siendo el color NEGRO, la idea es traer el color del DB en un INPUT

Dejo el código que uso.

Código PHP:
Ver original
  1. <?php
  2. include_once 'conn.php';
  3. if(isset($_POST["myid"]))
  4. {  
  5.     $output = array();
  6.     $statement = $conn->prepare(
  7.       "SELECT * FROM alumnos WHERE ids = '".$_POST["myid"]."' LIMIT 1"
  8.     );
  9.     $statement->execute();
  10.     $result = $statement->fetchAll();
  11.     foreach($result as $row)
  12.     {  
  13.         $output["nombres"] = $row["nombres"];
  14.         $output["colores"] = $row["colores"];
  15.     }
  16.     echo json_encode($output);  
  17. }
  18. ?>

Código Javascript:
Ver original
  1. <script>
  2.   // Actualizar
  3.   $(document).on("click", ".edit", function () {
  4.     var myid = $(this).attr("id");
  5.     $.ajax({
  6.       url: "fetch.php",
  7.       method: "POST",
  8.       data: {myid: myid},
  9.       dataType: "json",
  10.       success: function (data) {
  11.         $("#myModal").modal("show");
  12.         $("#ids").val(data.ids);
  13.         $("#nombres").val(data.nombres); /* Mostrar Nombres */
  14.         /*$(".colores").val(data.colores);*/
  15.         $(".colores").html("<span  style='background-color:" + data.colores + ";'> " + data.colores + "</span>");
  16.         $(".modal-title").text("Editar");
  17.         $("#myids").val(myid);
  18.         $("#proceeding").val("Guardar");
  19.         $("#operation").val("Edicion");
  20.       },
  21.     });
  22.   });  
  23. </script>

Código HTML:
Ver original
  1. <span class="colores"><--- CON ESTO SI DA EL COLOR</span>
  2. <input type="text" name="nombres" id='nombres' class="mycolor myclass">
Código Javascript:
Ver original
  1. <script>
  2. document.querySelector(".myclass").addEventListener("input", (event) => {
  3.   document.querySelector(".mycolor").style.backgroundColor = event.target.value === "0" ? "#FFFFFF" : "#000000";
  4. });                                          
  5. </script>



La zona horaria es GMT -6. Ahora son las 17:12.