Comunidad de diseño web y desarrollo en internet online

popup modal

Citar            
MensajeEscrito el 07 Feb 2013 05:07 pm
hola, me gustaria hacer que al abrir un popup con window.open se quedara siempre en primer plano hasta que se cierre, es decir que funcione como una ventana modal, me poedeis ayudar? muchas gracias.

function openWindow(theURL,winName,features) {
window.open(theURL,winName,'scrollbars=yes,'+features);
}

<? $archivo = $sVistaProductos.$rsArticulos_Mostrar->Fields('Img_Pequena');
if (($rsArticulos_Mostrar->Fields('Img_Pequena')=='') || ($rsArticulos_Mostrar->Fields('Img_Pequena')=='Nulo')) { ?>
<img src="../../MediaImagenesCliente/nodisponible.jpg" width="80" height="80" border="0">
<? } else { ?>
<a href="JavaScript:openWindow('../Productos/DetalleImagen.php?IDArticulo=<? echo $rsArticulos_Mostrar->Fields("ID_Articulo")?>','Detalles','width=300,height=330')"><img src="<? echo $sVistaProductos.$rsArticulos_Mostrar->Fields('Img_Pequena');?>" </a>
<? } ?>

Por pablo9000

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Feb 2013 06:10 pm
Lo que estas haciendo es abrir una nueva ventana del navegador...
Para que funcione como una ventana modal, tenes que hacer un fancy (o lightbox)...
Que no es mas que un div de fondo que bloquea el contenido de atrás y otro div con forma de ventana que muestra lo que vos queres.

Viendolo de perfil tendrias:

body | todos tus elementos | el velo | la caja con el mensaje

Saludos!

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 07 Feb 2013 06:39 pm
Sin semilla, muchas gracias por tu respuesta, lo he intentado con esto:

<!--Ventana modal-->
<div id="window" class="windowUnload">
<a href="javascript:hide();">cerrar</a>
<br />
<img src="" border="0" id="mi_marco" />
</div>
<div id="sombra" class="sobmbraUnload"></div>

<a href="javascript:show('../../libox/images/rosa.png');">abrir</a>

//Asi abre una ventana modal y funciona con la foto de la carpeta rosa.png, pero yo quiero que muestre la foto del articulo del producto de este codigo de abajo, que abre la ventana modal pero no muestra la foto, con href="JavaScript:openWindow abre el popup clasico y muestra la foto de la ruta, pero al cambar por href="javascript:showd el script no muestra la foto.//

<a href="JavaScript:show('../Productos/DetalleImagen.php?IDArticulo=<? echo $rsArticulos_Mostrar->Fields("ID_Articulo")?>','Detalles','width=300,height=330')"><img src="<? echo $sVistaProductos.$rsArticulos_Mostrar->Fields('Img_Pequena');?>" width="80" height="80" border="0" ALT="ZOOM"></a>
<!--Ventana modal-->

no se como hacerlo.

Por pablo9000

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 08 Feb 2013 01:36 pm
El contenido de la "ventana modal" debes cargalo con Ajax. ¿Sabes qué es Ajax?.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 08 Feb 2013 06:23 pm
Hola, no he probado nada en Ajax, alguna sugerencia?, gracias

Por pablo9000

5 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.