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> </p>");
miVentana.document.write("<p>El contenido es diná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. 🙂
Técnica Superior en Desarrollo de Aplicaciones Web | Junior Web Developer | Front-end Developer | Dispuesta a aprender nuevas tecnologías
2 comentarios en «Creando Ventanas JavaScript (Objeto Window) 2/3»