Essa semana apareceu mais um tópico pedindo um código q centralize uma janela POP-UP, das outras vezes eu respondí e coloquei um código meu, q tinha feito para o meu site, e como nem é tão complicado, só postava e ensinava a usar.. Mas como ví q ainda pedem este tipo de código, resolví postar um TUTO para centralizar uma POP-UP..
Primeiramente vamos ao código, eis o código, q deve ficar entre as TAGs <head> e </head>:
Uma breve explicação do código:<script>
function abrir(pagina,largura,altura) {
//pega a resolução do visitante
w = screen.width;
h = screen.height;
//divide a resolução por 2, obtendo o centro do monitor
meio_w = w/2;
meio_h = h/2;
//diminui o valor da metade da resolução pelo tamanho da janela, fazendo com q ela fique centralizada
altura2 = altura/2;
largura2 = largura/2;
meio1 = meio_h-altura2;
meio2 = meio_w-largura2;
//abre a nova janela, já com a sua devida posição
window.open(pagina,'','height=' + altura + ', width=' + largura + ', top='+meio1+', left='+meio2+'');
}
</script>
O código detecta a resolução de vídeo usada pela pessoa, e armazena em duas variáveis, uma para a altura e outra para a largura.. Feito isso, o script divide essa resolução por 2, ou seja, obtem-se o valor do centro do monitor, após isso, é só subtrair esse valor pelo valor do tamanho da janela q será aberta, e pronto, consegue-se deixar essa janela centralizada..
Isso resume q, com um mínimo conhecimento na linguagem ( Java Script ), a gente já consegue fazer um código como este, pois o q importa num código assim, é a "interpretação", e o entendimento de como se fazer uma coisa dessas (centralizar a POP-UP)..
Bom, agora falta ensinar como usar.. hehe..
Após ter se certifado d q o código acima está na página, nos links, se usa assim:
Explicando:<a href="java script: abrir('PAGINA.htm','600','400');">Abrir janela centralizada</a>
PAGINA.htm - aqui vc coloca o endereço da página q será aberta na POP-UP..
600 - Esse é o valor da largura da nova janela
400 - E esse é o valor da altura da nova janela..
E pronto, agora vc já pode deixar suas janelas pop-us centralizadas, não importando a resolução do visitante..
Fui..
#########
hehe.. Editei o tópico, e agora tem duas explicações do código, uma no próprio código (através de comentários) e outra aqui no tópico, agora é bom q tá tudo bem explicado, coisa por coisa..
Edição feita por: Chinello Cybernético, 07/10/2003, 01:30.