Abrir popUp já centralizada

[iRCC 0]

Bom dia pra td mundo.

 

A algum tempo eu procuro por um script para abrir uma popUP no centro da tela e já achei vários... o problema é que todos eles fazem a janela abri primeiro para depois centraliza-la.... Alguém sabe alguma maneira de faze com que ela abra já centralizada?

[Thiago Retondar 18]

Depende de como está fazendo.

 

Você pode usar position para centralizar um PopUp de 400 por 400, por exemplo:

 

div#popup{
position: relative;
top: 50%; /* Centraliza verticalmente */
left: 50%; /* Centraliza horizontalmente */
width: 400px;
height: 400px;
margin: -200px 0 0 200px; /* Metade da altura e largura */
}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[iRCC 0]

Eu estou usando o window.open.... acho que não tem como né? :S

[Thiago Retondar 18]

Uhhnn... Se você vai abrir com window.open é praticamente a mesma lógica. Vai ter que tirar a metade da largura e altura, pois ele centraliza a partir do canto superior esquerdo.

 

Olhe essa função:

 

JavaScript

function newWindow(width, height){ // Cria a função, cuja qual precisa de dois argumentos
    var left = (window.screen.availWidth / 2) - (width / 2); // Cria a variável LEFT, que obtém á área "usável" do monitor - primeiro parenteses - e tira metade da largura da janela - segundo parenteses
    var top = (window.screen.availHeight / 2) - (height / 2); // Faz as mesmas procedências do linhas de cima, porém para o HEIGHT
    window.open("about:blank", "teste", "width = " + width + ", height = " + height + ", left = " + left + ", top = " + top); // Cria a nova janela com as variáveis definidas anteriormente
}

Leia os comentários que você vai entender como funciona. ^_^

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif