Creando Ventanas JavaScript (Objeto Window) 2/3

Buenas a todos,

Continuando con el post anterior Creando Ventanas JavaScript (Objeto Window) 1/3, en este caso lo único que vamos a añadir es que aparezca un botón, que haga la misma función que hace la crucecita de la propia ventana, es decir, cerrar la ventana actual.

<html>

<head>
    <script>
        function abreNuevaVentana(nombreVentana) {
            // abrir una nueva ventana con el nombre pasado como parámetro
            // no se especifica una URL 
            miVentana = open("", nombreVentana, "width=500,height=400,status=yes,toolbar=yes,menubar=yes");
            // Abre la corriente de datos del documento para escribir 
            miVentana.document.open();
            // Crea el documento
            miVentana.document.write("<html><head><title>Ejemplo de creacion de ventanas para DevCodeLight");
            miVentana.document.write("</title></head><body>");
            miVentana.document.write("<h1>Creando ventanas con contenido en el documento</h1>");
            miVentana.document.write("<p>&nbsp;</p>");
            miVentana.document.write("<p>El contenido es din&aacute;mico, y es un ejemplo para <a href='https://devcodelight.com/'>devcodelight.com</a></p>");
            miVentana.document.write("<input type='button' value='Cerrar ventana' onclick='window.close();'/>");
            miVentana.document.write("</body></html>");

            // cierra la corriente de datos del documento 
            miVentana.document.close();
        }
// -->
    </script>
</head>

<body>
    <form><input type=button value="Abrir ventana" onClick="abreNuevaVentana('nueva')"></form>
</body>

</html>

Si pulsamos en “cerrar ventana” nos cierra la que hemos creado mediante el objeto windows, pero seguimos con nuestro html principal mostrado.

Una pequeña actualización, pero que hará que vayáis viendo poco a poco como funciona.

Nos vemos en el próximo. 🙂

1 comentario en «Creando Ventanas JavaScript (Objeto Window) 2/3»

Deja un comentario