Ventanas con JavaScript


Aprende los Eventos y Objetos y mucho más en nuestro Curso:

Las Ventanas con JavaScript, es sobre manipular ventanas con funcionamiento de abrir nuevas, pasar comunicación entre ventanas y otros objetos.
Unas de las principales cosas que se deben de comprender son:
 -> Ventanas Emergentes
 -> Abrir una Ventana.
 -> Comunicación con una ventana
 -> IFrame
 -> Ventanas Modales
 -> Y otros componentes y atributos de los mismos.


Una Ventana Emergente o también conocidos como Ventana Popup o ventanas de confirmación, es un archivo, elemento o página que podemos abrir en forma externa desde otro mismo archivo o página.

Para Abrir una ventana, necesitamos tener dos páginas, una será la que abra la otra. Por ejemplo el código para abrir una ventana (página) seria el siguiente:
window.open(Ruta de la Ventana, Titulo de la Ventana, Otras propiedades);

En el código anterior se utilizo la función open de window, en la cual agregamos como parámetros tanto la ruta de la nueva ventana a abrir, su titulo y otras propiedades que pueden ser las medidas, etc, Ese mismo código se debe ejecutar en la página principal o la página que abrirá la ventana.

Por ejemplo este seria el código de la página principal (Utilizando el código anterior para abrir un archivo llamado ventana.html, dandole un titulo "Ventana", y unas medidas de 400x300 dentro de una función llamada Abrir( ) y esa misma función se ejecutara desde el elemento <button>.
<!DOCTYPE html>
<html>
<head>
    <title>Abrir una Ventana</title>
</head>
<script type="text/javascript">
    function Abrir(){
        window.open("ventana.html", "Ventana", "width=400, height=300");
    }
</script>
<body>
    <button onclick="Abrir()">Abrir una ventana</button>
</body>
</html>

Ve todos los temas en VideoTutoriales para aprender todo sobre las Ventanas y mucho más en nuestro Curso:


No hay comentarios

No hay comentarios :

Publicar un comentario