| 2002 a 2006 |
Ángel
R. Puente Pérez |
 |
 |
 |
JAVA3.- Ventana emergente con vínculo.
A veces puede interesar, al abrir un determinado documento, que se abra una ventana adicional con un vínculo que se cargue en la pantalla principal. Suelen colocarse en el primer documento del sitio (en el index.htm) y hacen referencia a alguna información importante y novedosa que hay que dar al visitante (algo así como los desagradables PopUps de publicidad).
Como ejemplo hemos puesto una ventana de este tipo al abrir el siguiente documento. Así que, si quieres ver un ejemplo en acción, pincha en la flecha para ir al siguiente archivo y comprobarás lo que queremos implementar.
El javascript que nos permite hacer esto, se compone de una parte en la cabecera del documento:
| <script language="JavaScript"> function abrir_ventana(theURL,winName,features) { window.open(theURL,winName,features); } </script> |
Y de una parte dentro de la etiqueta del body, como un atributo de la etiqueta:
| <body onload="abrir_ventana('inf.htm','dd','width=160,height=40');"> |
En esta segunda parte se han definido:
El archivo que se va a cargar en la ventana emergente: inf.htm (theURL).
Se ha dado un nombre a la ventana: dd (winName).
Se han definido las medidas de la ventana: width=160, height=40 (features).
Ahora, el archivo inf.htm también tiene un javascript en la cabecera. Este es el código:
| <script language="JavaScript"> function nueva(page) { window.opener.location=page; window.close(); } </script> |
Y, en la palabra o imagen que sirve como vínculo, hay que colocar un código semejante al del javascript anterior:
| <a href="Javascript:nueva('java3.htm')"> |
Pulsa en la flecha para ir al siguiente documento y ver este javascript en acción.
|
|
|
| 2002 a 2006 |
Ángel
R. Puente Pérez |