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:

Microsoft prepara Content Management Server 2002
La compañía venderá la nueva solución a finales de año, añadiendo un soporte último para la gestión de contenidos XML y servicios Web. ...
¿Cómo hacer frente al spyware?
Spyware es cualquier método informático que permite recolectar datos de individuos u organizaciones sin su conocimiento. Estos irritantes programas pueden, entre otras cosas, llenar de publicidad no deseada su navegador o buzón de correo y acumula...
Incidentes de Ciberguerra y Ciberespionaje entre países
La ciberguerra o el ciberespionaje entre países no existe, o eso insisten en defender la mayoría de los gobiernos, lo que sin duda significa una clara declaración de lo contrario. Desaprovechar un escenario de batalla tan cómodo para los ejércit...
Vulnerabilidad de 0-DAY en iPhones y Android
Un antiguo experto de seguridad de McAfee ha explotado con éxito una vulnerabilidad en un navegador móvil hasta tomar el control del dispositivo, grabar las llamadas y acceder al email....
Revelación de información sensible en Joomla
Se han publicado dos fallos de seguridad en Joomla! que podrían permitir a un atacante tener acceso a información sensible....
Symbian anuncia una herramienta de desarrollo gratuita
Symbian Analysis Workbench (SAW) es una herramienta de desarrollo gratuita con la que se permite a los desarrolladores ver cómo rinde su código en el sistema operativo para dispositivos móviles....
GameCube hackeada
Están circulando rumores por Internet, basados en algunos videos, que sostienen que el sistema de protección de GameCube tambien ha sido derrotado. ...
Troyano para Symbian roba dinero
Aunque el mercado de los móviles todavía no se ve tan afectado por la aparición de amenazas de seguridad, la firma de seguridad Kaskerspky ha alterado sobre un nuevo troyano que afecta a la conocida plataforma Symbian....
Presenta Apple nueva generación de iBooks con procesadores G4
Apple presentó la nueva generación de iBooks con procesadores PowerPC G4, que ofrece conectividad inalámbrica y sistema operativo de Apple Mac OS X versión 10.3, y anunció una reducción de sus precio en la línea eMac. ...
Parche NO oficial para vulnerabilidad en el manejo de URI.
Han pasado varios días desde que se hizo pública la vulnerabilidad en el manejo de los URI, Microsoft aún no ha liberado un parche o corregido este problema que permitiría a un atacante externo ejecutar comandos en nuestro ordenador con solo visi...

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