Ver Mensaje Individual
  #178 (permalink)  
Antiguo 24/04/2004, 23:25
T4X
 
Fecha de Ingreso: enero-2004
Ubicación: myT-Base
Mensajes: 254
Antigüedad: 20 años, 3 meses
Puntos: 2
180.- Dialogo Web (popUp sin menus contextuales )

P: Cómo abrir una ventana popUp sin menus contextuales ó mejor un Dialogo Web???????

R:

Bien, lo que tenemos que tener en cuenta es que el dialogo web maneja dos tipos de ventana:

showModalDialog: Permite solo interactuar con la ventana abierta, o sea, que si querés regresar a la ventana que la abrió tienes que cerrar este dialogo web.

showModelessDialog: Permite interactuar con las 2 ventanas (con la que la abriste y la abierta).

Lo anterior lo resalto para que cuando crees uno ten en cuenta que a tu gusto puedes hacer una interacción con el usuario.


Bien, en marcha, este es el argumento simple para crear una ventana modal (showmodalDialog):

Código:
<script language="javascript">
 
function abrirDialogoModal() {
showModalDialog('pagina.htm','','dialogWidth:505px; dialogHeight:325px;status:no;resizable:yes');
}
</script>
Como puedes ver, lo que estoy diciendo en el código anterior es que abra una ventana modal con parametros (ancho, alto y si prefieres Barra de Estado), y lo resaltado en rojo en el script son los parametros de ancho y alto que le quieras dar a la ventana...

Ahora, lo mismo puedes hacer con showModelessDialog:

Código:
<script language="javascript">
 
function abrirDialogoModeless() {
showModelessDialog('pagina.htm','','status:no;resizable:yes');
}
</script>
Ten en cuenta que esta función solo se desempeña en IE 5.5 y superior, aunque se está investigando si esta función de JavaScript tambien sea compatible con otros browsers.

Adicionalmente, en el Dialogo Web, se crean otros botones, si los quieres colocar o no:

help = Icono de ayuda
maximize = Icono de maximizar y de restaurar
minimize = Icono de minimizar

Si estos iconos los quieres colocar en tu ventana simplemente los colocarías asi:

Código:
showModalDialog('pagina.htm','','status:no;help:yes ó no;otros parametros');
He aqui un ejemplo para cargar una ventana web

Ver ejemplo
__________________
Ahora T4X es
WinGFX!!!!!

Última edición por T4X; 28/07/2004 a las 15:27