Pasar valor de un enlace a un Modal en PHP + Bootstrap


Sencillo ejemplo para pasar parámetros desde un enlace a un modal Bootstrap





Se sobreentiende que has cargado:

Los css respectivos:

<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">

Y los javascript de bootstrap y jquery

<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.min.js" async defer></script>

Enlace:

# $rows -> este valor puede ser algun id leido de la BD

<a href="#" data-toggle="modal" data-target="#modal-container-2708" data-id="'.$rows["id"].'">'.$rows["nombre"].'</a>

# JavaScript necesario

# cambiar cursor.php por el archivo que usará
# datacurso es el DIV donde se mostrará la respuesta
# modal-container-2708 es el nombre del modal
<script>
$(document).ready(function (e){
$('#modal-container-2708').on('show.bs.modal',function(e){
var id = $(e.relatedTarget).data().id;
var result=$.ajax({
type:"POST",data:$("#modal-container-2708").serialize(),
url:'include/cursor.php',
data:'id='+id,
dataType:'text',
async:false
}).responseText;
document.getElementById("datacurso").innerHTML=result;
});
});
</script>

#Modal (usualmente todos los modales es buena práctica colocarlos en un solo archivo)

<div class="modal fade" id="modal-container-2708" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="col-md-12">
<div id="cursos">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">
<i class="fa fa-info-circle" aria-hidden="true"></i> Información de Cursos
</h4>
</div>
<div class="modal-body">
<div id="datacurso"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-warning" data-dismiss="modal">
Cerrar
</button>
</div>
</div>
</div>
</div>
</div>
</div>

# archivo curso

if (empty($_POST))
{ echo '
<div class="bg-danger text-center">
<p><span class="fa fa-times" aria-hidden="true"></span> No indicó que desea observar.</p>
</div>';
die();
}

include 'databases.php'; # conexión base de datos
$id = $_POST["id"];
$sql=sprintf("SELECT * FROM cursos WHERE id_curso = '$id '");
$x= 0;
$query=QUERYBD($sql,$mysqli);
echo '
<div class="row">
<div class="col-md-12">
<div class="row">';
while ($rows = mysqli_fetch_array($query,MYSQLI_ASSOC)) {
$x = 1;
echo '
<div class="col-md-4">
<h3 class="text-left text-info">
'.$rows["nombre"].'
</h3>
</div>
<div class="col-md-8">
'.$rows["contenido"].'
</div>';
}
if ($x==0)
{
echo '
<div class="bg-danger text-center">
<p><span class="fa fa-times" aria-hidden="true"></span> No existe información referente a ese tipo de curso.</p>
</div>';
}
echo '
</div>



Otras noticias de interés:

¿Son los filtros antispam demasiado estrictos?
No faltan voces que aseguran que los filtros y programas de bloqueo del spam funcionan demasiado bien, lo cual puede llegar a ser un problema. Si AOL, por ejemplo, o cualquier otro ISP deciden que tal individuo es un spammer, ninguno de sus correos p...
¿Por qué invertir ahora en aplicaciones de gestión de código abierto?
El coste no es la única razón por la que los directivos de TI deberían considerar las aplicaciones de gestión de TI de código abierto, según los analistas de la industria, en un momento en que los desarrolladores y las comunidades continúan cr...
Graves vulnerabilidades en CUPS
Las versiones de CUPS no actualizadas contienen numerosas vulnerabilidades que permiten matar el servidor, sobreescribir ficheros arbitrarios en la máquina y obtener privilegios adicionales como los usuarios root y lp. ...
El ratón (mouse) cumple 36 años
El primer mouse de la historia creado por el estadounidense Douglas Engelbart, fue construído hará 37 años, aunque no fue hasta el Windows 95 cuando el ratón empezó a triunfar....
Boletines de seguridad de Microsoft en diciembre
Este martes Microsoft ha publicado ocho boletines de seguridad (del MS08-070 y MS08-077) correspondientes a su ciclo habitual de actualizaciones, que corrigen un total de 27 vulnerabilidades. Según la propia clasificación de Microsoft seis de los b...
Los usuarios se rebelan contra las normas de la web 2.0
La regulación de internet se sofistica y provoca rechazo a firmas como Flickr o Youtube. Rebeliones, suicidios masivos de cuentas, vendettas y campañas de protesta. Es la otra cara de esa web 2.0 considerada participativa, colaborativa y democráti...
Si en tu MS-Windows comienza a sonar - Para Elisa- , ponte a rezar
Puede parecer una broma pero no lo es en absoluto: si tienes instalado Windows 2000, Windows 98, Windows NT o Windows 95 y de repente el sistema operativo empieza reproducir por su cuenta la melodía de Beethoven de nombre Para Elisa más vale que te...
IBM prefiere mirar el futuro con Linux
La conferencia LinuxWorld ha permitido al gigante azul explicar que continuará apoyando al sistema operativo de código abierto, conocido popularmente como Linux....
Botnets: pasado, presente y futuro
Desde hace ya un tiempo atrás las botnet son las principales protagonistas en el mundo del malware. Las mismas se ven reflejadas como uno de los factores más importantes del crimeware. Es por ello que en las siguiente líneas comentaremos con usted...
InfoHacker de Nuevo Hackeada!
Infohackers ha sido nuevamente victima de ataques por parte de un o de un grupo de Hackers. Demás esta decir, que dicho Hackers posee amplios conocimientos....

Brindanos
un o una


Redes Sociales

Publicidad


Gana Bitcoins desde tu casa

Categorías


Planeta Vaslibre

Blog Roll




Nube de tags

  • anonimato
  • anonimo
  • antivirus
  • apache
  • blog
  • bootstrap
  • bsd
  • bug
  • centos
  • chrome
  • cifrado
  • computer
  • debian
  • enlace
  • exploits
  • fedora
  • fice
  • firefox
  • forense
  • freebsd
  • gentoo
  • github
  • gnome
  • gnu
  • gpl
  • gtk
  • hack
  • hacking
  • hosting
  • informatica
  • internet
  • isos
  • libre
  • licencias
  • linux
  • linuxmint
  • lxde
  • micros
  • mint
  • mit
  • modal
  • mozilla
  • mysql
  • noticia
  • opensource
  • pasar
  • pgp
  • php
  • sabayon
  • seguridad
  • system
  • tecnologia
  • thunar
  • thunderbird
  • tor
  • troyanos
  • tware
  • ubuntu
  • underground
  • valor
  • vaslibre
  • virus
  • viserproject
  • vivaldi
  • vulnerabilidades
  • web
  • website
  • windows
  • xanadu
  • xfce
  • xombra