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:

Angry Birds Space falso distribuye malware en Android
Ciberdelincuentes han estado distribuyendo‘malware en Android a través de imitaciones del juego Angry Birds Space. Las imitaciones del popular juego de Rovio contenían un troyano que permitía a los cibercriminales hacerse con el control de los d...
Licencia GNU Affero - AGPL
La licencia pública general de Affero ( Affero General Public License, o Affero GPL o sencillamente AGPL) es una licencia copyleft derivada de la Licencia Pública General de GNU (GPL) diseñada específicamente para asegurar la cooperación en y co...
BARBARO!!! Chires te infecta con sólo visualizarlo
W32/Chires un gusano con amplia capacidad de propagación masiva debido a que aprovecha una vulnerabilidad en MIME e IFRAME de algunas versiones de MS Outlook, Outlook Express e Internet Explorer, que infecta el sistema con tan sólo lee el mensaje,...
Vulnerabilidad en Microsoft HTML Help Workshop (.HHP)
Microsoft HTML Help Workshop es una herramienta que permite la creación de archivos de ayuda de Windows y también páginas Web que utilizan controles de navegación....
¿ Cómo colgar Windows 2.000 ?
Un grupo de hackers han alertado sobre la existencia de un defecto de configuración en el regitro de Windows 2.000 y que permite el cuelgue del sistema y la obtención de una bonita pantalla azul. ...
Linux en la Nintendo Wii
Linux Satoru Iwata, CEO y presidente de Nintendo, contestó recientemente a algunas preguntas en una entrevista publicada en las propias páginas de Nintendo. Y entre esos comentarios Iwata habló de la posibilidad de actualizar el sistema operativo,...
Microsoft incluyó dos requisitos para Vista SP1 en su actualización del martes pasado
La voluminosa actualización de seguridad lanzada el pasado martes por Microsoft incluyó dos desarrollos software destinados a preparar los sistemas de los usuarios de Windows Vista para el primer Service Pack del sistema oeprativo (SP1), que será ...
AutoRun.VB.ASA: de un gusano a varias amenazas
VITESSE Networks,ha anunciado un código malicioso que fue identificado por el laboratorio de Eset como Win32/AutoRun.VB.ASA gusano. Como el nombre de la detección lo indica, esta amenaza se propaga principalmente a través de dispositivos de almace...
Google actualiza Chrome por segunda vez en este mes
Google ha parcheado diez vulnerabilidades de Chrome esta semana, incluida una crítica sobre Mac. Se trata de la segunda actualización de seguridad emitida por la compañía para su navegador en lo que va de mes. ...
Día Internacional del Software en Valencia - Venezuela
El Grupo de usuarios linux de Venezuela, Capítulo: Valencia tiene el agrado de invitar a todos a la celebración del Día Internacional del Software libre este sábado 10 de Septiembre de 2005....

Brindanos
un o una


Redes Sociales

Publicidad

Virtualización de Servicios y Redes

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