Janela Secundária

A abertura de janelas secundárias nas páginas, isso contribui para:

• Mostrar uma informação específica;
• O usuário não precisa sair da página onde estava o link;
• A janela secundária pode ser configurada livremente, por exemplo, os tamanhos e menus;

Para abrir uma janela secundária podemos fazer com HTML ou Javascript. Para abrir uma janela secundária em HTML basta utilizar o atributo TARGET das tags HREF. Colocando target="_blank" no link. O link fica desta forma :

O problema do HTML é que não temos o mesmo controle que no JavaScript. Para abrir a janela secundária com JavaScript pode-se utilizar window.open(). Esta função recebe três parâmetros, que são colocados entre os parênteses:

window.open(URL, nomeJanela, configuracaoJanela)

onde:

URL: link que desejamos abrir na janela secundária;
nomeJanela: nome que se atribui para a janela para dirigir links com o atributo target do HTML
formaJanela: são as configurações da janela como sua altura, largura, barras de rolagem e outros

window.open("http://programscomputer.blogspot.com/","janelaComputer", "width=100,height=320,scrollbars=NO")

Outra opção no JavaScript é criar uma função que se encarregue de abrir a janela secundária e receba por parâmetro o link abrir:

Para executar esta função :
Veja alguns parâmetros para formatar a janela secundaria em JavaScript com window.open() :

• height = ajustar a altura da janela em pixels;
• left = distancia em pixels entre a borda esquerda da tela e a borda da janela.
• location: barra de endereços que exibe a localização do site. Usa se location=yes para aparecer e location=no para não ser mostrada.
• resizable = estabelece se o usuário pode ou não modificar o tamanho da janela onde resizable=yes pode modificar o tamanho e resizable=no o tamanho fica fixo.
• scrollbars= definir se terá barra de rolagem usa-se scrollbars=no nunca aparecerá as barras e scrollbars=yes aparecem se necessário.
• status= exibe ou não a barra de status. Usa se status=yes para aparecer e status=no para não ser mostrada.
• top= distancia em pixels entre a borda superior da tela e a borda superior da janela.
• toolbar= exibir ou não a barra de ícones básicos. Usa se toolbar=yes para aparecer e toolbar=no para não ser mostrada.
• width= ajustar a largura da janela em pixels;