Rafael Cambuí

Como é uma coisa simples e muita gente as vezes necessita estarei detalhando uso da função window.open, que permite abertura de novas janelas (popup).

Sintaxe:
<script language=”javascript”>
window.open(“pagina_a_ser_aberta” , “Nome_da_Página”
);
</script>

Exemplo 1 – Abrindo popup
(pagina2.html):
<script language=”javascript”>
window.open(“pagina2. html” , “Pagina2″);
//Abre uma Nova Janela
</script>

Pela função
window.open podemos controlar o tamanho que desejamos que a janela se abra:
<script language=”javascript”>
window.open(“pagina2.html”, “Pagina2″ , “height = 300
, width = 400″);
//Height = Altura, Width = largura.
//Abre uma Nova Janela de 300 x 400 e com o título “Pagina2″
</script>

Esta função
ainda permite a escolha de exibir ou não: a barra de rolagem, a barra
de status, a barra de menu, barra de ferramentas, barra de endereços,
barra de titulos, exibir em tela cheia…

Barra de rolagem:
<script language=”javascript”>
window.open(“pagina2.html”, “Pagina2″ ,”scrollbars
= yes”);
//Permite as opções: yes (1) ou no (0)
</script>

Barra de status:
<script language=”javascript”>
window.open(“pagina2.html”, “Pagina2″ ,”status = yes”);
//Permite as opções: yes (1) ou no (0)
</script>

Barra de menu:
<script language=”javascript”>
window.open(“pagina2.html”, “Pagina2″ ,”menubar = yes”);
//Permite as opções: yes (1) ou no (0)
</script>

Barra de ferramentas:
<script language=”javascript”>
window.open(“pagina2.html”, “Pagina2″ ,”toolbar = yes”);
//Permite as opções: yes (1) ou no (0)
</script>

Barra de título:
<script language=”javascript”>
window.open(“pagina2.html”, “Pagina2″ ,”titlebar =
yes”);
//Permite as opções: yes (1) ou no (0)
</script>

Barra de endereços:
<script language=”javascript”>
window.open(“pagina2.html”, “Pagina2″ ,”location =
yes”);
//Permite as opções: yes (1) ou no (0)
</script>

Tela cheia:
<script language=”javascript”>
window.open(“pagina2.html”, “Pagina2″ ,”fullscreen
= yes”);
//Permite as opções: yes (1) ou no (0)
</script>

Barra de diretórios:
<script language=”javascript”>
window.open(“pagina2.html”, “Pagina2″ ,”directories
= yes”);
//Permite as opções: yes (1) ou no (0)
</script>