Esto debo hacerlo haciendo uso de AJAX con XMLHttpRequest.
La descripción de la película se la solicito a Desc.php, tras compartirle el id de la película con un GET.
Código PHP:
<script>
//Hacemos el objeto global
var httpRequest;
//esta funcion obtiene un id y una imagen
function getInfo(id,img) {
var picture= this.img;
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = showLightbox;
//Desc.php nos devolverá la descripción de la película tras
// realizar una consulta a una base de datos usando el id del GET
httpRequest.open("GET","Desc.php?id='id'",true);
httpRequest.send(null);
}
function showLightbox() {
try {
if (httpRequest.readyState === 4) {
if (httpRequest.status === 200) {
//Obtenemos la respuesta correctamente
var descrip = httpRequest.responseText;
document.getElementById('lightbox').style = 'display:block;';
document.getElementById('lightbox').appendChild(picture);
document.getElementById('lightbox').appendChild(descrip);
}
else {
alert('There was a problem with the request.');
}
}
} catch (e) {
alert('Caught Exception: ' + e.description);
}
}
