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
{ 27 comentários… leia abaixo ou deixe o seu }
copiado e utilizado… hauhauhau
Thiago,
Em que página você está utilizando o script? Seria um bom exemplo para outras pessoas que se interessem .
Abraço!
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!!
Rafael,
Infelizmente eu não sei como fazer isso.
Abraço!
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
Jocimar,
Não entendi o que você quis dizer, tente se explicar melhor.
Abraço!
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…………
Jr. Alves,
Eu também sei que é possível, porém eu não sei como como fazer.
Abraço!
É mais fácil criar uma página Popup com o Dreamweaver CS3
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.
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!
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!
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
Marcio,
Não sei se isso seria possível.
Abraço!
Olá celso, gostei deste código e já estou usando, queria saber se tem como colocar o link na imagem, assim coloco uma imagem redusida em meu site e quando a pessoa clicar abri-rá a janela com a imagem grande, uso este metodo no site imageshack só que quando clico na imagem no meu site abri a página inteira onde a imagem esta hospedada no imageshack, e ainda fecha meu site e fica o imageshack, tendo que clicar em voltar para abrir meu site novamente.
Ari,
Creio que até tem, mas eu não sei como isso poderia ser feito.
Abraço!
Celso, my friend
Como tá vc?
Tenho uma dúvida. Notei que você usa popup em sua página inicial. Instalei o mesmo no meu blog, mas houve um problema. Aparece o código fonte do popup no cabeçalho, por isso, tive que desativá-lo. Há algum segredo de estado na configuração desse popup?
Fred
Frederico,
Comigo foi só instalar e configurar. Não sei dizer o que pode estar acontecendo.
Será que não é uma incompatibilidade com o template?
Abraço!
Celso,
Pode ser. Você tem outra sugestão de popup? Achei o seu interessante porque prende o leitor por mais tempo. Queria fazer o mesmo.
Fred
Frederico,
Infelizmente eu não sei de outro que funcione desta forma.
Abraço!
Celso, eu estou com uma dúvida. Olhe este site: http://www.submarino.com.br/produto/10/21649177/macbook+mc207bz/a+intel+core+2+duo+2gb+250gb+led+13,3+webcam+-+apple#
Ao clicar na imagem, cria estilo um popup só que ele não chega a sair da página. Você sabe fazer isso? Minha ideia é que ao clicar em uma imagem, abra uma caixa igual só que com texto. Obrigado
Gabriel,
Desculpe mas eu não sei como isso poderia ser feito.
Abraço!
Cara mto legal esse popup em java…se vc tiver um popup em flash….estou procurando e não acho um que funcione……gostaria de um popup que fosse assim igual a esse bem simples…de um botão em flash abrindo um html na sua frente….
Obrigado.
Eduardo,
Desculpe mas eu não sei como isso poderia ser feito.
Abraço!
Ola!
u gostria de saber Celso se vc sabe de um codigo que abra altamticamente um popup na pagina ao entrar nela. Que seja possivel colocar um codigo adsends no ppopup.
Desde já agradeço.
Gabriel,
Eu não sei de nenhum código assim.
Ps. Repare que o Adsense não permite este tipo de coisa.
Abraço!
Eu prefiro esse código
$(document).ready(function() {
$(“#dialog”).dialog();
});
O que vai ter dentro da pop-up (feed, e-mail para contato, etc)