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:

Actualización KB927891 para MS-Windows Instaler (MSI)
Microsoft publicó una actualización automática para corregir un problema de Windows Installer (MSI) que puede afectar al rendimiento durante las actualizaciones de software....
Google introduce su alternativa gratuita a Microsoft Excel
La compañía ha desarrollado Google Spreadsheets, un programa gratuito de hojas de cálculo online que permite importar y exportar hojas de cálculo en formatos como .xls o .csv....
50% de empresas tendría que revisar políticas de privacidad
Los posibles problemas con la fuga de datos, el cloud computing y los servicios de localización harán que las organizaciones tengan que modificar sus condiciones de seguridad para finales de 2012....
Nueva versión de Free Pascal 2.4.0
Publicado nueva versión 2.4.0, compilador libre y multiplataforma de Object Pascal en 32 y 64 bit....
Revista Digital El Derecho Informático Nº 12
Está disponible la edición número 12 de la revista digital El Derecho Informático....
Foxit Reader y FreeType, afectados por la vulnerabilidad que está permitiendo el jailbreak del iPhone
Jailbreakme.com apareció hace algunas semanas como el método más sencillo y efectivo hasta el momento de realizar un jailbreak del iPhone, equipado con la última versión de su sistema operativo. La liberación se llevaba a cabo explotando un...
Seguridad en protocolos de mensajería
Pese al paso de los años y los nuevos conceptos que se van inventando, el chat mediante protocolos de mensajería sigue teniendo una amplia cuota de protagonismo en las actividades online. ...
IBM amenaza con abandonar la ISO por el caso OOXML
El gigante azul ha amenazado con abandonar los organismos responsables de normalización, por su actuación ante las irregularidades denunciadas en la controvertida estandarización por la vía rápida del formato de documentos de Microsoft OOXML, y ...
Denegación de servicio en el cliente Microsoft SMS
Securiteam informa, en http://www.securiteam.com/windowsntfocus/5WP0N1FDFW.html, sobre la existencia de una vulnerabilidad en el servicio SMS Remote ...
Juguetes electrónicos que infectan pc
Desde iPods hasta sistemas de navegación, algunos de los más populares juguetes tecnológicos que hoy día están disponibles en las tiendas, podrían contener algunos extras no deseados, preinstalados de fábrica. ...

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