Javascript para abrir popup centralizada

Para abrir uma nova janela usando javascript podemos utilizar o comando window.open(), passando o endereço da página que queremos exibir, o nome da nova janela e as possíveis formas da janela como tamanho e posição dela na tela do usuário.

Veja o exemplo abaixo.



function AbrePopUp() {
// VARIAVEIS COM A RESULUÇÃO DA TELA DO USUÁRIO
var w=screen.width, h=screen.height;
// VARIÁVEIS COM TAMANHO DA POPUP QUE VOCÊ DESEJA ABRIR
var popW = 500, popH = 400;
// FÓRMULA PRA POSICIONAR A POPUP NO CENTRO
var leftPos = (w-popW)/2, topPos = (h-popH)/2;
// ABRIR A POPUP
window.open('pagina.html', 'NOME_JANELA','width=' + popW + ',height=' + popH + ',top=' + topPos + ',left=' + leftPos);
};


Se as funções screen.width e screen.height não funcionarem você pode tentar definir estes valores manualmente ficando um serviço meia boca ou ainda tentar pegar de outras formas estes valores como por exemplo com o código javascript abaixo.



if (document.all) {
w = document.body.clientWidth;
h = document.body.clientHeight;
}
else if (document.layers) {
w = window.innerWidth;
h = window.innerHeight;
}


Até.

Comentários

Postagens mais visitadas deste blog

Solução para problemas com impressora de cheque Bematech DP-20

Como bloquear Facebook Youtube no Mikrotik

Iniciar sessão automaticamente no Xubuntu 13.04