Skip to main content

Quiero saber como pasar datos de una tabla registrada con datos mysql que esta fuera de una modalsql impresa en html a dentro de ununa ventana modal en jquery

tengo una tabla (Fuera del modal) que esta cargada con datos mysql. cada dato tiene su id, y quiero que al presionar un botón llamado calificar (que esta en cada dato) abra un modal BOOTSTRAPEscenario: y que muestre un campo de texto y que al presionar dentro del modal el botón llamado

  • Dispongo de una tabla sql llamada códigos que contiene un listado de trabajos a calificar.
  • La tabla se imprime en formato html en una página que utiliza Bootstrap (incluye jquery).
  • La tabla html muestra los siguientes datos: id del trabajo, nombre, fecha, enlace al detalle, y dos botones para eliminar o calificar el trabajo correspondiente.

Enviar calificaciónObjetivo: actualice el dato

  • Necesito que al hacer clic en el botón de calificar de cada fila o trabajo a calificar, se abra una modal.
  • Quiero que los datos del registro estén disponibles dentro de la modal que se ha abierto en paso anterior.
  • La modal también debe contener un campo de texto editable que permita modificar la calificación del trabajo al hacer clic en un botón "Enviar calificación".

(El nombre del dato es calificación)Bloqueo: o lo cambie. pero para ello necesito enviar la id de la tabla del botón del botón del dato que se presiono hacia el modal para que así pueda saber que dato se va a actualizar. y no se como lograr esto. ¿Me pueden ayudar?.

  • Para poder editar la calificación correspondiente al botón de un registro concreto, no sé cómo enviar la id desde la ventana activa a la modal.

Quiero saber como pasar datos de una tabla registrada con datos mysql que esta fuera de una modal a dentro de un modal

tengo una tabla (Fuera del modal) que esta cargada con datos mysql. cada dato tiene su id, y quiero que al presionar un botón llamado calificar (que esta en cada dato) abra un modal BOOTSTRAP y que muestre un campo de texto y que al presionar dentro del modal el botón llamado Enviar calificación actualice el dato (El nombre del dato es calificación) o lo cambie. pero para ello necesito enviar la id de la tabla del botón del botón del dato que se presiono hacia el modal para que así pueda saber que dato se va a actualizar. y no se como lograr esto. ¿Me pueden ayudar?.

pasar datos de una tabla sql impresa en html a una ventana modal en jquery

Escenario:

  • Dispongo de una tabla sql llamada códigos que contiene un listado de trabajos a calificar.
  • La tabla se imprime en formato html en una página que utiliza Bootstrap (incluye jquery).
  • La tabla html muestra los siguientes datos: id del trabajo, nombre, fecha, enlace al detalle, y dos botones para eliminar o calificar el trabajo correspondiente.

Objetivo:

  • Necesito que al hacer clic en el botón de calificar de cada fila o trabajo a calificar, se abra una modal.
  • Quiero que los datos del registro estén disponibles dentro de la modal que se ha abierto en paso anterior.
  • La modal también debe contener un campo de texto editable que permita modificar la calificación del trabajo al hacer clic en un botón "Enviar calificación".

Bloqueo:

  • Para poder editar la calificación correspondiente al botón de un registro concreto, no sé cómo enviar la id desde la ventana activa a la modal.
se añadió 1 carácter en el cuerpo
Origen Enlace

tengo una tabla (Fuera del modal) que esta cargada con datos mysql. cada dato tiene su id, y quiero que al presionar un botón llamado calificar (que esta en cada dato) abra un modal BOOTSTRAP y que muestre un campo de texto y que al presionar dentro del modal el botón llamado Enviar calificación actualice el dato (El nombre del dato es calificación) o lo cambie. pero para ello necesito enviar la id de la tabla del botón del botón del dato que se presiono hacia el modal para que así pueda saber que dato se va a actualizar. y no se como lograr esto. ¿Me pueden ayudar?.

NOTA: Todo debe ser dentro de la misma pagina.

NOTA: Todo debe ser dentro de la misma pagina.

CÓDIGO DE LA TABLA

<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Nombre</th>
      <th scope="col">Trabajo</th>
      <th scope="col">Fecha</th>
      <th scope="col">Acción</th>
    </tr>
  </thead>
  <tbody>
    <?php
include("../../conexion.php");
$query = "SELECT * FROM codigos";
$resultado = $conexion -> query($query);
while($row = $resultado -> fetch_assoc()){
?>
    <tr>
      <th scope="row"><?php echo $row['id'];?></th>
      <td><?php echo $row['nombre'];?></td>
      <td><a href="javascript: void(0)"  class="btn btn-success show-modal-preview" id="<?php echo $row['id']; ?>">Ver</a></td>
      <td><?php echo $row['fecha'];?></td>
      <td>
<a href="javascript: void(0)" class="btn btn-info show-modal-qualification" id="<?php echo $row['id']; ?>">Calificar</a><!-- Botón que abre el modal -->
<a href="borrar_codigo.php?id=<?php echo $row['id']; ?>" class="btn btn-danger">Eliminar</a>
</td>

    </tr>
    <?php
}
?>
  </tbody>
</table>

Código del modal

<div class="modal fade bd-example-modal-xl" id="qualification" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
 <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Trabajo</h5>
      </div>
<div class="modal-body" id="success">
      </div>
    </div>
  </div>
</div>

tengo una tabla (Fuera del modal) que esta cargada con datos mysql. cada dato tiene su id, y quiero que al presionar un botón llamado calificar (que esta en cada dato) abra un modal BOOTSTRAP y que muestre un campo de texto y que al presionar dentro del modal el botón llamado Enviar calificación actualice el dato (El nombre del dato es calificación) o lo cambie. pero para ello necesito enviar la id de la tabla del botón del botón del dato que se presiono hacia el modal para que así pueda saber que dato se va a actualizar. y no se como lograr esto. ¿Me pueden ayudar?.

NOTA: Todo debe ser dentro de la misma pagina.

CÓDIGO DE LA TABLA

<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Nombre</th>
      <th scope="col">Trabajo</th>
      <th scope="col">Fecha</th>
      <th scope="col">Acción</th>
    </tr>
  </thead>
  <tbody>
    <?php
include("../../conexion.php");
$query = "SELECT * FROM codigos";
$resultado = $conexion -> query($query);
while($row = $resultado -> fetch_assoc()){
?>
    <tr>
      <th scope="row"><?php echo $row['id'];?></th>
      <td><?php echo $row['nombre'];?></td>
      <td><a href="javascript: void(0)"  class="btn btn-success show-modal-preview" id="<?php echo $row['id']; ?>">Ver</a></td>
      <td><?php echo $row['fecha'];?></td>
      <td>
<a href="javascript: void(0)" class="btn btn-info show-modal-qualification" id="<?php echo $row['id']; ?>">Calificar</a><!-- Botón que abre el modal -->
<a href="borrar_codigo.php?id=<?php echo $row['id']; ?>" class="btn btn-danger">Eliminar</a>
</td>

    </tr>
    <?php
}
?>
  </tbody>
</table>

Código del modal

<div class="modal fade bd-example-modal-xl" id="qualification" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
 <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Trabajo</h5>
      </div>
<div class="modal-body" id="success">
      </div>
    </div>
  </div>
</div>

tengo una tabla (Fuera del modal) que esta cargada con datos mysql. cada dato tiene su id, y quiero que al presionar un botón llamado calificar (que esta en cada dato) abra un modal BOOTSTRAP y que muestre un campo de texto y que al presionar dentro del modal el botón llamado Enviar calificación actualice el dato (El nombre del dato es calificación) o lo cambie. pero para ello necesito enviar la id de la tabla del botón del botón del dato que se presiono hacia el modal para que así pueda saber que dato se va a actualizar. y no se como lograr esto. ¿Me pueden ayudar?.

NOTA: Todo debe ser dentro de la misma pagina.

CÓDIGO DE LA TABLA

<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Nombre</th>
      <th scope="col">Trabajo</th>
      <th scope="col">Fecha</th>
      <th scope="col">Acción</th>
    </tr>
  </thead>
  <tbody>
    <?php
include("../../conexion.php");
$query = "SELECT * FROM codigos";
$resultado = $conexion -> query($query);
while($row = $resultado -> fetch_assoc()){
?>
    <tr>
      <th scope="row"><?php echo $row['id'];?></th>
      <td><?php echo $row['nombre'];?></td>
      <td><a href="javascript: void(0)"  class="btn btn-success show-modal-preview" id="<?php echo $row['id']; ?>">Ver</a></td>
      <td><?php echo $row['fecha'];?></td>
      <td>
<a href="javascript: void(0)" class="btn btn-info show-modal-qualification" id="<?php echo $row['id']; ?>">Calificar</a><!-- Botón que abre el modal -->
<a href="borrar_codigo.php?id=<?php echo $row['id']; ?>" class="btn btn-danger">Eliminar</a>
</td>

    </tr>
    <?php
}
?>
  </tbody>
</table>

Código del modal

<div class="modal fade bd-example-modal-xl" id="qualification" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
 <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Trabajo</h5>
      </div>
<div class="modal-body" id="success">
      </div>
    </div>
  </div>
</div>
Origen Enlace

Quiero saber como pasar datos de una tabla registrada con datos mysql que esta fuera de una modal a dentro de un modal

tengo una tabla (Fuera del modal) que esta cargada con datos mysql. cada dato tiene su id, y quiero que al presionar un botón llamado calificar (que esta en cada dato) abra un modal BOOTSTRAP y que muestre un campo de texto y que al presionar dentro del modal el botón llamado Enviar calificación actualice el dato (El nombre del dato es calificación) o lo cambie. pero para ello necesito enviar la id de la tabla del botón del botón del dato que se presiono hacia el modal para que así pueda saber que dato se va a actualizar. y no se como lograr esto. ¿Me pueden ayudar?.

NOTA: Todo debe ser dentro de la misma pagina.

CÓDIGO DE LA TABLA

<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Nombre</th>
      <th scope="col">Trabajo</th>
      <th scope="col">Fecha</th>
      <th scope="col">Acción</th>
    </tr>
  </thead>
  <tbody>
    <?php
include("../../conexion.php");
$query = "SELECT * FROM codigos";
$resultado = $conexion -> query($query);
while($row = $resultado -> fetch_assoc()){
?>
    <tr>
      <th scope="row"><?php echo $row['id'];?></th>
      <td><?php echo $row['nombre'];?></td>
      <td><a href="javascript: void(0)"  class="btn btn-success show-modal-preview" id="<?php echo $row['id']; ?>">Ver</a></td>
      <td><?php echo $row['fecha'];?></td>
      <td>
<a href="javascript: void(0)" class="btn btn-info show-modal-qualification" id="<?php echo $row['id']; ?>">Calificar</a><!-- Botón que abre el modal -->
<a href="borrar_codigo.php?id=<?php echo $row['id']; ?>" class="btn btn-danger">Eliminar</a>
</td>

    </tr>
    <?php
}
?>
  </tbody>
</table>

Código del modal

<div class="modal fade bd-example-modal-xl" id="qualification" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
 <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Trabajo</h5>
      </div>
<div class="modal-body" id="success">
      </div>
    </div>
  </div>
</div>