Como criar links para janelas PopUp

Se você precisa criar um link para abrir uma janela PopUp, vai encontrar diversos tutoriais por ai. Algumas técnicas usam JavaScript e alterações no código fonte do template, quando não há necessidade disso tudo.

É bem simples, antes de mais nada você precisa criar e hospedar a página que pretende abrir dentro da janela PopUp. Anote a URL desta página e substitua nos dois campos destacados em vermelho no código abaixo:
<a href="URL_PAGINA_DA_POPUP" target="popupwindow" onclick='window.open("URL_DA_PAGINA_POPUP", "popupwindow", "scrollbars=yes,width=550,height=520");return true'>Link</a>
Nos campos em azul são definidos a largura e a altura da janela PopUp respectivamente e em verde é o texto que vai aparecer na página. Veja como fica o resultado:
Imagem: Gamleys Toys

Comentários

  1. Gostei! Já adicionei na postagem atual!

    *off-topic: Acho que ontem estava enxergando tudo cor de rosa, sorry!! :)

    ResponderExcluir
  2. Compulsivo eu nao entedi muito bem...tipo como q eu faço pra criar uma pagina dessas sem ser no Blogger???

    ResponderExcluir
  3. @Choujitops, você pode criar uma página no Google Sites, num Fotolog, no Orkut... Pode colocar a página de destino que quiser dentro da janela PopUp...

    []'s
    Compulsivo

    ResponderExcluir
  4. Opa.. Gostei da dica.

    Off-topic: Como posso inserir esse BOX que tem em baixa do h4 (Faça seu comentário)...

    Gostaria de inserir em meu blog e não estou achando o local certo..

    Abraços,

    ResponderExcluir
  5. mas tipo eu coloquei uma pagina do orkut tb ai na hora que eu cliquie no link para fazer o teste ele nao abriu na Pop-up ele abriu como outra aba...

    Porque??

    ResponderExcluir
  6. LOL, cara eu tava preparando iso agora mesmo com um java script ai vem voce com isso... vc e fods em ?

    :D

    awe quem não quiser criar uma conta nova em algum host pode usar o proprio blogger para fazer a pagina ^^

    exemplo:cria um blogger no modelo antigoe faz sua pagina lá ! :D

    brigadão ^~

    ResponderExcluir
  7. olá. estava procurando por janelas pop-up e caí aqui :)
    Mas tem como fazer com imagens? Tipo, ao invés do texto ficar uma imagem pequena e quando clicar nela abrir a imagem em tamanho maior?

    ResponderExcluir
  8. @Christiane, é perfeitamente possível, veja um exemplo aqui: A Bunda mais perfeita da web

    []'s
    Compulsivo

    ResponderExcluir
  9. Obrigada pela resposta rápida.
    É exatamente isso que preciso!!!
    Então, como faço? É só colocar o mesmo link da imagem nos três campos (nos 2 vermelhos e no verde)?

    ResponderExcluir
  10. No verde vai a miniatura...

    []'s
    Compulsivo

    P.S.: Para onde mando a conta, por esse atendimento personalizado?

    ResponderExcluir
  11. Bom, ainda não consegui fazer funcionar... Acho que nesse horário o meu cérebro ainda está em "stand by". Vou continuar tentando...

    Quanto à conta, pode enviar para a assessoria do Silvio Santos.

    Obrigada novamente.

    ;D

    ResponderExcluir
  12. ja tinha este post nos meus favoritos desde que o recebi pelo google reader, mas só hoje experimentei o código no meu blog e...utilizei num post e resultou, depois utilizei o mesmo code na sidebar, para abrir as inscrições no feedburner por email em popup e já não resulta!! apenas resulta como se estivesse target_blanck !!

    é normal?

    ResponderExcluir
  13. @Dav7, acho que não é normal não, pois como você pode perceber clicando no link localizado no rodapé deste post, continua tudo funcionando direitinho...

    []'s
    Compulsivo

    ResponderExcluir
  14. Boa a dica, só não entendi para que são necessários os atributos target="popupwindow" e href="...". Sempre uso o código assim:

    <a onclick="window.open('endereço_da_página','Info','status=yes,scrollbars=no,resizable=no,width=620,height=450,left=100,top=47');" href="javascript:void(0)">Link</A>

    Modificando os trechos acima mostrados em negrito, mas sem utilizar os dois atributos referidos.

    É só minha opinião... não se aborreça com meu comentário impertinente. ;)

    Abraço.

    ResponderExcluir
  15. @MestreBlogger, Tenho impressão que dessa forma não funciona em todos os navegadores, pode confirmar?

    []'s
    Compulsivo

    ResponderExcluir
  16. Crieo que não compulsivo pois

    onclick é java script

    se vc colocar o endereço no href ou no onclick tanto faz

    :D

    ResponderExcluir
  17. Espertinhos vocês em, mudaram logo o slogam!

    ResponderExcluir
  18. Valeuuuuuuuuuuuuuu
    Ó Glória!!!!!!!!!!!!!!!
    Passei por tudo que é de sugestões cheios de Javascript e não funcionava as janelas poup up!
    Obrigado pelas dicas!
    Deus lhe abençôe.

    ResponderExcluir
  19. VLW PELO POST deu certo editei algumas coisa ae foi :D
    consegui fazer em vez de link por uma img com link abri em poop

    ResponderExcluir

Postar um comentário

Postagens mais visitadas deste blog

Nomes de todas as igrejas do Brasil

O que significa DVDRip, DVDScr, R5, etc?

URLs personalizadas para páginas no Blogger