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:

MediaFire y RapidShare -> noindex
RapidShare evita a Google generando las páginas mediante JavaScript. Si introducimos site:rapidshare.com en Google, para que nos muestre todo el contenido que tiene indexado dentro de RapidShare, nos indica que hay poco más de 600 resultados....
Auditorías con metodología abierta (OSSTMM)
Muchas empresas suelen afrontar sus problemas de seguridad informática solicitando apoyo de consultoría a empresas especializadas, y es casi una norma general que se les indique que el primer paso a seguir es la realización de una auditoría de s...
Firefox 3.0.10 corrige una vulnerabilidad introducida con la actualización anterior
Una semana después de publicar la 3.0.9 que corregía un buen puñado de vulnerabilidades, Mozilla saca a la luz la versión 3.0.10 de su navegador Firefox. Esta soluciona un fallo de seguridad crítico introducido por una de las actualizaciones ant...
Actualización de seguridad para Flash Player
En Adobe acaban de publicar un parche de seguridad al que deberíais estar atentos todos los que uséis las distintas versiones de este popular reproductor multimedia, el más utilizado en Internet....
FALTA DE SEGURIDAD EN TECLADOS INALAMBRICOS
El radio de acción de las señales emitidas por los teclados inalámbricos, junto con la falta de cifrado de los datos transmitidos, puede hacer peligrar su seguridad, como pone de manifiesto una noticia de la que se hace eco ...
Ubuntu no firmará acuerdos con Microsoft
Tras las recientes noticias de los acuerdos a los que Xandros y Linspire han llegado con Microsoft al igual que hizo Novell, comenzó a circular el rumor de que Ubuntu sería la siguiente. Su principal responsable lo niega. ...
Nueva vulnerabilidad en Mozilla relacionada con cookies
Nuevamente el navegador gratuito de código abierto más utilizado tiene problemas para restringir correctamente el acceso a las cookies almacenadas en un equipo vulnerable....
Se hace público el código de ataque utilizado contra Google
El peligroso código de ataque utilizado el mes pasado contra las redes corporativas de Google y que explotaba una vulnerabilidad en Internet Explorer se ha hecho público. El código fue sometido el jueves a análisis en el sitio web de examen de ma...
FLISoL 2010 [Valencia] ya tiene su sistema de registro
El Festival Latinoamericano de Instalación de Software Libre (FLISoL) es el evento de difusión de Software Libre más grande en Latinoamérica....
El uso de Tor sin cifrado permitió acceder a las contraseñas de las embajadas
Finalmente, y tal como había prometido, Dan Egerstad ha revelado cómo obtuvo centenares (o miles) de contraseñas de correo de empresas, embajadas y otras instituciones....

Brindanos
un o una


Redes Sociales

Publicidad

Hostin Web ViSerProject

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