Window

<< Click to Display Table of Contents >>

Navigation:  Passo-a-Passo >

Window

Previous pageReturn to chapter overviewNext page

Telas

 

js_3

 

As abas

 

js_4

 

Popup

 

js_5

 

Index.html

 

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

</head>

<script>

    // abre nova guia com Google

    function abrir_guia() {

        janela = window.open('http://www.google.com.br', 'boco');

    }

 

    // apenas FOCA a guia chamada "Boco"

    function focar_guia() {

        janela = window.open(null, 'boco');

    }

 

    function fechar_guia() {

        janela = window.open(null, 'boco');

        janela.close();

    }

 

    function abrir_popup() {

        janela = window.open('http://www.google.com.br', 'boco2', 'scrollbars=yes, status=yes, width=300, height=300');

    }

 

    function abrir_popup2() {

        janela = window.open('page2.html', 'boco3', 'scrollbars=0, status=0, menubar=0, width=300, height=300, resizable=0, top=400, left=400');

    }

</script>

<body>

    <form id="form1" method="post">

        <input id="Button1" type="button" value="abrir nova guia" onclick="abrir_guia();" />

        <br />

        <input id="Button2" type="button" value="focar nova guia" onclick="focar_guia();" />

        <br />

        <input id="Button3" type="button" value="fechar nova guia" onclick="fechar_guia();" />

        <br />

        <input id="Button4" type="button" value="pop up" onclick="abrir_popup();" />

        <br />

        <input id="Button5" type="button" value="pop up2" onclick="abrir_popup2();" />

        <br />

        <a href="http://www.flaviojunior.com" target="boco">Abrir meu site na nova guia</a>

    </form>

</body>

</html>

 

page2.html

 

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body>

    <a href="javascript:window.close()">fechar janela</a>

</body>

</html>