Popup com tamanho controlado

by Celso Lemes on 31/05/2008

in PHP, HTML e JavaScript

Este pequeno Javascript que cria um link que ao ser clicado exibe uma popup com tamanho controlado.

Muito útil para mostrar páginas com informações extras, vídeos e imagens.

Repare que diferentemente dos popups que se abrem quando a página é aberta. Este código só abre a popup se o visitante clicar no link.

Copie e cole o seguinte código em seu site

Confira o Javascript em ação
Exemplo de popup com tamanho controlado

Como intalar
Você deve criar a página que será aberta dentro da popup e hospedar em seu servidor.
Faça as alterações no código como o endereço da página, o tamanho e o texto que será exibido.
Depois é só coloar o código no local em que você deseja que o texto apareça.

Artigos relacionados
Banner rotativo em Javascript
Iframe – O que é e como utilizar
Javascript para adicionar o endereço do site aos Favoritos

Related Posts with Thumbnails

Mais Artigos que você pode estar interessado




{ 15 comments… read them below or add one }

1 Thiago 01/06/2008 às 10:26 pm

copiado e utilizado… hauhauhau

Responder

2 Celso Lemes 02/06/2008 às 1:48 am

Thiago,
Em que página você está utilizando o script? Seria um bom exemplo para outras pessoas que se interessem .

Abraço!

Responder

3 Thiago 02/06/2008 às 4:32 pm
4 Rafael 30/10/2008 às 11:18 pm

olá,

o script é muito bom… de todos que achei, esse é o único que funcionou aqui, só gostaria de saber uma coisa…

como faço pra alinhar o pop up no centro da tela??

ja tentei varios codigos da internet, mas ele naum fica no meio… =/

desde já obrigado!!

Responder

5 Celso Lemes 31/10/2008 às 9:48 pm

Rafael,
Infelizmente eu não sei como fazer isso.

Abraço!

Responder

6 jocimar 28/04/2009 às 2:40 pm

como faço pra controlar o temanho total e qual parte da pagina a abrir mostrar ex. vamo se por que eu fosse linkar essa pagina no popup mas quisesse colocar só o quadrado em que se encontra o codigo html entende

Responder

7 Celso Lemes 28/04/2009 às 11:20 pm

Jocimar,
Não entendi o que você quis dizer, tente se explicar melhor.

Abraço!

Responder

8 jr. Alves 10/09/2009 às 5:12 pm

Celso Lemes como eu posso criar uma caixinha de feed via email pop UP?

Ex. Quando meus visitantes entra na minha página, apareça uma caixa no canto da tela, pedindo para que assine o feed.

Sei que é possível já vi em vários blogs é sites

Aguardo a resposta…………

Responder

9 Celso Lemes 10/09/2009 às 9:09 pm

Jr. Alves,
Eu também sei que é possível, porém eu não sei como como fazer.

Abraço!

Responder

10 Bruno FV 01/10/2009 às 7:11 pm

É mais fácil criar uma página Popup com o Dreamweaver CS3 ;-)

Responder

11 Julio Memelli 11/11/2009 às 12:54 pm

Olá pessoal, eu criei um popup para a minha rádio e descobrir uma coisa: o popup não pode ficar no meio do site, se ele ficar o site ficará lento, e o seu STYLE vai ficar ruim.

Responder

12 Natan Rodrigues 06/01/2010 às 7:13 pm

Olá, Celso, não consegui instalar o pop-up no webnode.

Você poderia me dizer como que ponho uma imagem no Pop-Up, e como edito o texto dentro da janela de pop-up?

Abraço!

Responder

13 Celso Lemes 07/01/2010 às 6:35 pm

Natan,
No Webnode é complicado de fazer. Você precisa de criar a mini página que aparecerá dentro da popup e nela inserir a imagem que você deseja.
Isso é mais fácil em sites criados em servidores hospedados em servidores com acesso FTP, o que não é possível no Webnode. O máximo que você poderia fazer é abrir a página “INTEIRA” dentro da popup.

Abraço!

Responder

14 Marcio Paulo 15/02/2010 às 9:28 pm

Celso, eu posso utilizar esse Pop Up para abrir o player de radio no webnode? Como e onde colocar? (pois acho que só assim a radio online iria funcionar sem ficar reiniciando toda vez que o usuário trocar de páginas dentro do site webnode!). Abraço

Responder

15 Celso Lemes 15/02/2010 às 10:54 pm

Marcio,
Não sei se isso seria possível.

Abraço!

Responder

Deixe um comentário

Atenção antes de Deixar um Comentário!
- Se o seu comentário for relacionado ao post, tenha certeza de que o leu.
- Todo comentário obsceno, ilegal, ofensivo, anônimo, escrito todo em maiúscula, contendo gírias em excesso ou estritamente publicitários, serão "apagados".
- Somente inclua links no comentário se ajudar a explicar o seu comentário.
- Se precisa de ajuda, procure deixar o máximo de informação possível.
- Não peça para adicionar ao MSN.
- Spam não será tolerado.


Este site lhe foi útil? Então ajude na divulgação clicando aqui.

Previous post:

Next post: