domingo, 23 de setembro de 2012

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: 

Nenhum comentário:

Postar um comentário