Ventana Emergente

[Ginesta]

Hola,

estoy haciendo una fototeca en php, el siguiente codigo me muestra una serie de fotos en funcion de los parametros seleccionados en un formulario

<?php

$aux=0;


$link=mysql_connect("localhost","root","");
mysql_select_db("fototeca",$link);
$consulta="Select idFoto,nomEdificio,Foto,nomAsiento,Calidad,nomPais ,nomTipoobra from tfotos inner join tedificios on edificio=idEdificio inner join tpaises on pais=idPais inner join ttipoobra on idTipoobra=tipoObra inner join tasientos on modelo=idAsiento where 1=1";

if (isset($_POST['nFoto']) && $_POST['nFoto']<>''){$consulta=$consulta. " and idFoto='" .$_POST['nFoto']."'";$aux++;}
if (isset($_POST['pais']) && $_POST['pais']<>''){$consulta=$consulta. " and nomPais='".$_POST['pais']."'" ;$aux++;}
if (isset($_POST['segmento']) && $_POST['segmento']<>''){$consulta=$consulta. " and nomTipoobra='".$_POST['segmento']."'"; $aux++;}
if (isset($_POST['modelo']) && $_POST['modelo']<>''){$consulta=$consulta. " and nomAsiento like '%" .$_POST['modelo']."%'";$aux++;}
if (isset($_POST['ref']) && $_POST['ref']<>''){$consulta=$consulta. " and nomEdificio like '%".$_POST['ref']."%'";$aux++;}


//Se crea una consulta dinámica en funcion de los campos rellenados


if ($aux>0){
$rst=mysql_query($consulta,$link);
//Visualizacion de las fotos
while ($rs=mysql_fetch_array($rst)){
echo "<div class='ab'>";
echo "<a href='".$rs['Foto']."'<img src='".$rs['Foto']."' width='80%' height='80%'/></a><br>";
echo "</div>";


}
}
?>

La zona de código escrita en rojo me abre a través de un link la imagen, pero lo que yo quiero hacer es que se abra una ventana emergente una pàgina de un cierto tamaño 500px X 200px donde aparezca la imágen y más información de la imagen y un boton de descarga donde al hacer click se descargue la imagen
Como puedo hacer todo esto?

Gracias

[karliky]

Pues tienes que crear con javascript una nueva venta na y que se cree al hacer click en el href=, google es tu amigo.

[Ginesta]

Iniciado por karliky

Pues tienes que crear con javascript una nueva venta na y que se cree al hacer click en el href=, google es tu amigo.

Hola,

Gracias por la respuesta, pero el problema no es abrir una ventana emergente, sino que la ventana emergente coja los datos de la query sql y no me abra simplemente una ventana con una imagen.

Gracias por remitirme a google, pero esperaba que en un foro me pudieran ayudar.

[Franki_]

Te aconsejo que no utilizes pop-ups. En vez de eso es aconsejable hacerlo mediante ventanas emergentes modales hechas con JavaScript. Busca lightbox en Google y te saldrán cientos de scripts diferentes, echáles un vistazo y escoje el que más te guste.

Esto es un ejemplo.
http://www.huddletogether.com/projects/lightbox2/

Cada script funciona diferentes, pero suelen haber secciones que indiquen como usarlo.

Si aún así prefieres abrirlo con un pop-up:

Código Javascript:

<a href="archivo.php?variable=valor" target="_blank" onClick="window.open(this.href, this.target, 'width=500,height=200'); return false;">
 

Donde archivo.php?variable=valor sería el script que abre con los parametros y valores. La idea sería preparar un script que consultara la query a la base de datos y a partir de ahi armar el código HTML/CSS para presentarlo. Es decir no abrir en el pop-up la direccion de la imagen, sino un script preparado para mostrar la imagen, la info y el boton.

Aún así sigo prefiriendo los lightboxes.

[Vun]

Mira te explico un poco y te dejo un enlace. Lo que tienes que hacer es que al pinchar en tu foto abra una ventana (con algo de javascript) como objetivo otro .php añadiendo en la URL la ID de la imagen. Por ejemplo /verimagen.php?id=40

En esa pagina verimagen.php ya recoges el id, y te encargas de mostrar la imagen correspondiente mas lo que dices de descargarla.

¿como hacer que se abra una ventana del tamaño que quieras? aqui te dejo esto: http://www.desarrolloweb.com/articulos/18.php

Saludos


EDIT: Bueno, entre franki y yo, dos explicaciones casi calcadas jeje, ahi va un poco de karma matutino.

[Ginesta]

Muchas gracias,

Entre uno y otro me saldré con mi objetivo.
Interesante el concepto de emergente y modal, como en access por ejemplo.

Gracias de nuevo

Iniciado por Vun

Mira te explico un poco y te dejo un enlace. Lo que tienes que hacer es que al pinchar en tu foto abra una ventana (con algo de javascript) como objetivo otro .php añadiendo en la URL la ID de la imagen. Por ejemplo /verimagen.php?id=40

En esa pagina verimagen.php ya recoges el id, y te encargas de mostrar la imagen correspondiente mas lo que dices de descargarla.

¿como hacer que se abra una ventana del tamaño que quieras? aqui te dejo esto: [URL]http://www.desarrolloweb.com/articulos/18.php[/URL]

Saludos


EDIT: Bueno, entre franki y yo, dos explicaciones casi calcadas jeje, ahi va un poco de karma matutino.

[GatorV]

Tema movido desde PHP a Javascript