Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Conteúdo ou janela centralizados no documento

11-02-2007 20:14

Nesse artigo você vai aprender a centralizar um conteúdo na página ou abrir uma popup centralizada.

O script para abrir o conteúdo centralizado na página é muito simples, e basta ser adicionado em sua tag, uma div por exemplo:

<div style="top: 50%;left: 50%; position:absolute;">texto centralizado</a>

usei acima uma referência para posicionar o conteúdo da div a 50% do topo e 50% da lateral (em distância).

Já para abrir uma popup por exemplo usaremos:

<SCRIPT LANGUAGE="JavaScript"> // pego o url, largura e altura passados pelo link function PopUp(url,largura,altura){ // pego largura e altura da tela atual // diminuo os 300 passado pelo link // e divido por 2 var X = (screen.width-300)/2; var Y = (screen.height-300)/2; var valores="resizable, left="+X+", top="+Y+", screenX="+X+", screenY="+Y+", width="+largura+", height="+altura; // aqui abro a janela com os valores var abre = window.open(url,'',valores) } </script> <!-- na ordem, documento a ser aberto, largura e altura //--> <a href="javascript:PopUp('documento.html','300','300')">abrir</a>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado