Olá! Friday, 01 de August de 2014.



Dicas CódigoFonte.net
Thursday, 16 de October de 2003

Veja como criar janelas Pop-up para seu site

Olá Galera.

Como muitas pessoas perguntam no canal (#webmasters - Via BrasNet) como criar aqueles links que abrem janelinhas (POP-up), resolvi criar este tutorial.

O Código é bastante simples, e utiliza JavaScript.

Segue o códigofonte:

  1.  <a href="#" onclick="window.open('http://codigofonte.net', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">Clique para abrir a janela POP-up</a>  


Explicarei os comandos que utilizei neste códigofonte:

  1.  'http://codigofonte.net'  
- Aqui fica o endereço da página que será exibida na janela pop-up.
  1.  'Pagina'  
- Nome interno para a janela. NÃO É O TÍTULO.
  1.  STATUS=NO  
- Este, exibe a barra de status do IE.
  1.  LOCATION: NO  
- Serve para exibir a localização do site (aquela barrinha de endereços).
  1.  TOOLBAR=NO  
- Exibe a barra de ícones básicos do IE. Do tipo COPIAR, COLAR...
  1.  DIRECTORIES: NO  
- Serve para exibir a barra de links (atalhos do IE).
  1.  RESISABLE=NO  
- Permite que o usuário redimensione a janela.
  1.  SCROLLBARS=YES  
- Exibe a barra de rolagem.
  1.  TOP=10  
- Define com quantos pxls a página irá ser exibida a partir do topo.
  1.  LEFT=10  
- Define com quantos pxls a página irá ser exibida a partir da esquerda.
  1.  WIDTH=600  
- Largura da Janela
  1.  HEIGHT=400  
- Altura da Janela.

Bom. É isto aí.

A segui segue este exemplo:

Clique para abrir a janela POP-up

Comentários do artigo [Novo comentário]

Radams - 28 de July de 2008 - 14:46
AI amigo como faço para que assim que o usuário entre no site apareça o pop-up sem ser preciso que ele clike no texto para exibi-lá?
kennedy - 11 de September de 2009 - 22:50
legau
Alysson - 20 de November de 2010 - 20:37
Gostaria de saber como faço pra colocar imagens em movimento no site q seja clicaveis?
Pois quero criar uma area de parcerias mais quero q as imagens fiquem em movimento
JANIO LEMOS DA SILVA - 12 de September de 2011 - 11:11
OLÁ AMIGOS COMO COLOCAR UM QUADRO ROTATIVO DE NOTICIAS NO MEU BLOG, MAIS QUE NÃO MUDE DE LUGAR, FIQUE SEMPRE NA MESMA POSIÇÃO NO BLOG, SÓ ALTERAREI TODO DIA AS NOTICIAS.
dugral - 17 de September de 2011 - 16:37
MUITO BOM PARABÉNS, BEM EXPLICADO PARTE POR PARTE DEU CERTO COLOKEI EM MEU SITE^^
juan francisco - 25 de February de 2012 - 21:01
Muito bom
Marcus Oliveira - 30 de August de 2012 - 04:13
o meu problema com janela popup ainda continua...
É o seguinte: Eu vi no youtube como criar janela popup com Adobe Dreamweaver CS5 e consegui fazer só que ai que vem o meu problema, eu não sei como por um link nessa janepa popup pois eu só consigo abri aqui no meu pc com esse link: file:///C:/Users/marcus/Downloads/Victor/imagens/INICIO.html se poder me ajudar agradeço
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » CodigoFonte.eti.br » Compre De Tudo » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010