Sorteio de Livro
Concorra ao sorteio do livro Decisões com B.I. escrito pelo nosso colunista Fábio Primak. Clique aqui para participar.
Dicas de Leitura
Shopping Weblivre
Criando Janelas POP-UP
Aprenda a criar e configurar janelas POP-UP passo a passo.
Olá, hoje abordarei como criar janelas pop-up em java script, espero que isto faça com que suas habilidades sejam melhoradas.
1.1 O código:
Primeiro colocarei aqui o código e após isto, explicarei o mesmo passo-a-passo.
<html>
<head>
<title> titulo do seu site </title>
<!- esconde código
var strHelpOptions
="location=yes ou no";
strHelpOptions +=
",toolbar=yes ou no";
strHelpOptions +=
",menubar=yes ou no"
strHelpOptions +=
",status=yes ou no";
strHelpOptions +=
",scrollbars=yes ou no ou auto";
strHelpOptions +=
",resizable=yes ou no";
strHelpOptions +=
", top=número de pixels";
strHelpOptions +=
", width=número de pixels";
strHelpOptions +=
",height=número de pixels";
function openWin (windowURL, windowname) {
mywindow=window.open(windowURL, windowname, strHelpOptions)
}
//fim da função script ->
</script>
</head>
<body>
<a href="javascript:openWin('Endereço da pagina','nome da janela')">Nome do Link </a>
</body>
</html>
1.2 Explicando o código:
- strHelpOptions: Esta variável definirá os parametros da POP-UP.
- toolbar: Este código definirá se a janela terá ou não a barra de ferramentas na nova janela.
- menubar: Definirá se o menu superior da janela aparecerá ou não.
- status: Este define se a barra de status estará presente na janela aberta.
- scrollbar: Definirá se a janela terá ou não barra de rolagem, poderá ser definida também com auto que fará com que, se o texto for maior que a capacidade da janela a mesma ative a barra de rolagem.
resizable: Definirá se a janela poderá ser arrastada ou não. - <a href="javascript:openWin('Endereço da pagina','nome da janela')">: Definirá o nome da janela e o nome do link da pop-up.´
Pronto! O script foi finalizado, espero que seja muito útil a você.
Autor: Raul Jacobsen Rodrigues
Compartilhe:
Comentários
ERISON em 18/07/2008
Cara seu site é ótimo Deus continue te dando sabedoria...
Muito obrigado!
Junio em 30/04/2008
Olá, gostaria de saber como faço para colocar um pop-up swf na minha index, e ele abre sozinho, com um botao fechar no swf!!
Abraços.
~ Cesar ~ em 29/04/2008
Velho legal seu tutorial ..
parabéns !!!
evellyn em 03/10/2007
olá, gostaria de saber se tem como deixar a janela sem opçao de maximizar no Linux
Grata
Ygor em 18/09/2007
Olá, eu gostaria de saber se é possivel assim que abrir minha index page abrir um pop up de votação.
Assim que abrir ele só podera ser fechado se o site for votado.
Tem como isto ocorrer ?
Agradeço muito se puder responder
Cesar em 02/04/2006
Como coloco um script java no dreamweaver?
Obrigado!
Cesar Remedy
alessandro em 14/06/2005
Raul muito bom esse codigo, so que não consegui domina-lo completamente, teria como vc explicar um pouco mais sobre ele?. Grato