Foros del Web » Programando para Internet » PHP »

Modal Bootstrap con php

Estas en el tema de Modal Bootstrap con php en el foro de PHP en Foros del Web. Hola comunidad, hace mucho estoy alejado del mundo de la programación pero ahora necesito actualizar un viejo programa con ventanas modal. Mi consulta es como ...
  #1 (permalink)  
Antiguo 04/09/2015, 23:13
Avatar de elsolodigno  
Fecha de Ingreso: agosto-2009
Mensajes: 225
Antigüedad: 14 años, 8 meses
Puntos: 2
Pregunta Modal Bootstrap con php

Hola comunidad, hace mucho estoy alejado del mundo de la programación pero ahora necesito actualizar un viejo programa con ventanas modal.

Mi consulta es como obtengo el id de la base de datos y lo muestro en la ventana modal?.

Ejemplo:

Código HTML:
Ver original
  1. ...
  2. <a data-id="<?php echo $row['id']; ?>" data-toggle="modal" href="#myModal"> ...
  3.  
  4. <div class="modal-body">
  5. Obtener el id para mostrarlo y/o trabajarlo?
  6. </div>

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. Obtener el id ?
  3. </script>
  #2 (permalink)  
Antiguo 05/09/2015, 03:18
Avatar de MaNuX0218  
Fecha de Ingreso: marzo-2014
Mensajes: 787
Antigüedad: 10 años, 1 mes
Puntos: 67
Respuesta: Modal Bootstrap con php

Puedes agregar un input oculto con el ID al abrir ese modal y despues mostrar lo que quieres obteniendo ese id.

Esto seria el modal cuando se abre:
Código HTML:
Ver original
  1. <div class="modal-body">
  2. <form method="post">
  3. <input type="hidden" name="id" value="<?= $row['id']; ?>">
  4. </form>
  5. Obtener el id para mostrarlo y/o trabajarlo?
  6. </div>

Y lo campturas con php:
Código PHP:
Ver original
  1. $_POST['id'];

Esa seria una manera, después puedes utilizar javascript, etc...

Saludos.
__________________
No te preocupes si tu código no funciona bien. Si todo lo hiciera, no tendrías trabajo.
  #3 (permalink)  
Antiguo 05/09/2015, 09:58
Avatar de elsolodigno  
Fecha de Ingreso: agosto-2009
Mensajes: 225
Antigüedad: 14 años, 8 meses
Puntos: 2
Respuesta: Modal Bootstrap con php

Muchas gracias por la pronta respuesta MaNuX0218 pero el id lo tengo que traer de un listado y no se ejecuta dentro del modal sino en una:

Código HTML:
Ver original
  1. <a data-id="<?php echo $row['id']; ?>" data-toggle="modal" href="#myModal">
  2.  
  3. <div class="modal-body">
  4. luego dentro de éste modal tengo que tomar el id y trabajarlo abriendo una nueva consulta a la BD
  5. </div>


Ya probé:

poner en form dentro de la tabla el input pero no sé como llevar el id al modal porque $post me queda vacío.

También probé:

Código HTML:
Ver original
  1. <a data-toggle="modal" data-target= #myModal href="test.php?id=<?php echo $row['id']; ?>">

pero me dá error porque me abre la página entera en la ventana del modal por trabajar en la misma página...

Les agradeceré una ayudita más. Muchas gracias.
  #4 (permalink)  
Antiguo 05/09/2015, 12:40
Avatar de elsolodigno  
Fecha de Ingreso: agosto-2009
Mensajes: 225
Antigüedad: 14 años, 8 meses
Puntos: 2
Respuesta: Modal Bootstrap con php

Hola de nuevo, probé lo sgte. pero me da resultado null y undefined

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. var iddela = document.getElementById('ida');
  3. var iddata = iddela.getAttribute('data-id');
  4. </script>
Código HTML:
Ver original
  1. while ...
  2.  
  3. <a id="ida" data-id="<?php echo $row['id']; ?>" data-toggle="modal" href="#myModal">...</a>
  4. ...
  5. fin While

Código HTML:
Ver original
  1. ...
  2. <div class="modal-body">
  3. <script type="text/javascript">
  4. document.write(iddata);
  5. </script>
  6. </div>
  7. ...

Me guían por favor?. Muchas gracias!.
  #5 (permalink)  
Antiguo 06/09/2015, 02:49
Avatar de MaNuX0218  
Fecha de Ingreso: marzo-2014
Mensajes: 787
Antigüedad: 10 años, 1 mes
Puntos: 67
Respuesta: Modal Bootstrap con php

Estas en la sección de PHP.

Te dejo como recojer el valor de data-id con javascript, si tienes alguna duda publicalo en la sección javascript.

Código Javascript:
Ver original
  1. var iddata = document.getElementById('ida').dataset.id;

Saludos.
__________________
No te preocupes si tu código no funciona bien. Si todo lo hiciera, no tendrías trabajo.
  #6 (permalink)  
Antiguo 06/09/2015, 19:44
Avatar de elsolodigno  
Fecha de Ingreso: agosto-2009
Mensajes: 225
Antigüedad: 14 años, 8 meses
Puntos: 2
Respuesta: Modal Bootstrap con php

Hola!, me sigue saliendo undefined. Voy a consultar en la sección javascript. Te agradezco mucho de todas maneras. Un saludo!.

Etiquetas: bootstrap, modal
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:32.