| Buenas amigos,
aun estoy de vacaciones y aprovecho
para no aburrirme aprendiendo cosillas
nuevas. Por ejemplo, mi tema de hoy,
el diálogo web, un asuntillo
que siempre me ha llamado la atención
y que por tiempo, o por ganas, nunca
me había puesto a investigar.
Primero voy a explicar qué
leches es y luego como darle el uso.
Imaginaos una ventana Popup
que siempre tenga el foco,
es decir, que hagas lo que hagas,
no puedas hacer nada en la página
que la abría (su "madre")
hasta no cerrar a la hija. No os asustéis.
Es algo muy útil, por decir
un ejemplo, en un proceso de pago
on-line, o en una subida
de ficheros a servidor, en la que
debe terminar una acción concreta
antes de que se pueda realizar otra.
Además el diálogo
web, no lleva menú
contextual, evitando así
poder imprimir directamente o copiar
(aunque sí permite ctrl+c),
o visualizar el código fuente
de la página abierta. En definitivas
cuentas, un popup
con la misma prioridad que un alert
box.
Existen dos tipos de diálogo
web, el ModalDialog
y el ModelessDialog.
El primero de ellos sólo permite
interactuar con la página que
abre, y hasta no cerrar este diálogo,
no se puede realizar nada más.
Un cuadro de diálogo modal
(ModalDialog) difiere
de una ventana de explorador estándar
en que no se puede navegar. Si el
diálogo contiene un link, al
pulsarlo se abrirá una nueva
ventana del navegador y, por otro
lado, en que no se pueden seleccionar
contenidos, lo que evita (en parte)
que se pueda copiar el texto de dentro.
Lo he visto muchas veces en páginas
que antes de cerrar, te muestran un
chorro de ventanas de publicidad,
o de dialers (sí,
estoy hablando de ESAS páginax,
que todos hemos visto alguna vez....).
El ModelessDialog
permite interactuar con la ventana
abierta y la ventana desde la que
se abrió, pero sin dejar de
mostrar la primera. Aunque parezca
un lío, así escrito,
es muy útil, por ejemplo, en
los sistemas de ayuda de una extranet,
en la que debais explicarle al usuario
los pasos que debe seguir al rellenar
un formulario o realizar cualquier
otra acción, y que esta ventana
de ayuda no deje de mostrarse.
Es necesario decir que estos dos
tipos de ventana; al tratarse de métodos
del objeto window; sólo funcionan
en Internet Explorer 5.5 o superior,
aunque he leído por ahí
que se investiga la posibilidad de
que funcionen en otros navegadores.
Las funciones para abrir los dos
tipos de Diálogo son estas:
Para el ModalDialog:
<script language="javascript">
function abrirmodaldialog() {
showModalDialog('pagina.htm','','dialogWidth:320px;
dialogHeight:400px;status:no;resizable:yes');
}
</script> |
Para el ModelessDialog:
<script language="javascript">
function abrirmodelessdialog()
{
showModelessDialog('pagina.htm','','dialogWidth:320px;
dialogHeight:400px;status:no;resizable:yes');
}
</script> |
En ambos tipos, es posible modificar
el ancho, alto y si queremos barra
de scroll o no, entre otras cosas,
modificando los parámetros.
Podeis leer más información
sobre el tema en esta página:
http://usuarios.lycos.es/dhtml_club/objetos/obj_010.htm
O en MSDN de Microsoft
(está en Inglés)
http://msdn.microsoft.com/library/default.asp?...
http://msdn.microsoft.com/library/default.asp?...
Bueno, pues ahí os dejo mi
entretenimiento de hoy. El uso que
luego le deis vosotros es cosa vuestra,
jejeje, siempre habrá alguien
que le de alguna función más
útil de las que a mi se me
ocurren.
Un saludo!!
|
