Jump to content
Fórum Script Brasil
  • 0

Tag, Função ou Variável?


Advanced-S17
 Share

Question

Numa página da apostila de Javascript, do Adriano Lima, conseguida aqui, https://www.scriptbrasil.com.br/download/apostila/837/, tem um exemplo de abrir pop-up, com formatações como tamanho, cor de fundo e cor do texto, criada a partir do clique no botão dentro da primeira página, ou seja, o código da primeira página cria uma nova janela, pop-up, com uma página que não foi gravada, mas com formatações, com as seguintes linhas:
<script>
    janela2=window.open("","","statusbar=yes,location=no,width=250,height=200")
    janela2.document.write("<head><title>Janela 2</title></head>")
    janela2.document.write("<body bgcolor=black>")
    janela2.document.write("<center><h2><font face=arial color=white>Novo Curso no Senac<br>de JavaScript</h2></center></font>")
    janela2.document.write("<input type=button name=fecha value=Fechar Janela onClick=window.close()>")
    </script>


Como posso fazer para colocar essas linhas dentro de um recurso, para evitar de ter que digitar todas essas linhas, novamente, chamando por apenas uma palavra (Tag, Função ou variável?) e como chamá-la dentro de outro recurso, como um link ou botão, exemplo, dentro dessa linha, <input type="buttom" name="botao1" value="Abrir Janela" onClick=janela2=window.open("","","status=yes,width=250,height=200")> ?

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

O que tens que fazer é colocar as linhas dentro de uma função (como se faz na página 56 do tutorial que indicaste) e chamar a função no evento on click do botão. Algo assim:

function abrirPopup() 
{
    var janela2 = null;
	janela2 = window.open("","","statusbar=yes,location=no,width=250,height=200");
    janela2.document.write("<head><title>Janela 2</title></head>");
    janela2.document.write("<body bgcolor=black>");
    janela2.document.write("<center><h2><font face=arial color=white>Novo Curso no Senac<br>de JavaScript</h2></center></font>");
    janela2.document.write("<input type=button name=fecha value=Fechar Janela onClick=window.close()>");
}
<input type="button" name="botao1" value="Abrir Janela" onClick="abrirPopup()" />

Fica um exemplo.

 

Link to comment
Share on other sites

  • 0

O que tens que fazer é colocar as linhas dentro de uma função (como se faz na página 56 do tutorial que indicaste) e chamar a função no evento on click do botão. Algo assim:

function abrirPopup() 
{
    var janela2 = null;
	janela2 = window.open("","","statusbar=yes,location=no,width=250,height=200");
    janela2.document.write("<head><title>Janela 2</title></head>");
    janela2.document.write("<body bgcolor=black>");
    janela2.document.write("<center><h2><font face=arial color=white>Novo Curso no Senac<br>de JavaScript</h2></center></font>");
    janela2.document.write("<input type=button name=fecha value=Fechar Janela onClick=window.close()>");
}
<input type="button" name="botao1" value="Abrir Janela" onClick="abrirPopup()" />

Fica um exemplo.

 

Agradeço a boa vontade, amigo, mas o botão Abrir Janela não funcionou, mesmo depois de eu retirar o bloqueio de Pop-up, já o fechar funciona normalmente, no Chrome, no Firefox nem o Fechar funciona. Pode me indicar o que ocorre, por favor?  Veja o vídeo em, https://drive.google.com/file/d/0B0dDs7WJd8lUelVObzFTQkhxdEk/view?usp=sharing

Link to comment
Share on other sites

  • 0

Reconsiderando, você acertou! É isso mesmo, bastou colocar um conteúdo dentro das tags HTML e o seu código dentro da tag script. Muito obrigado.

Antes de concluir, uma pergunta, porque antes de colocar a sequência de formatações da pop-up tem que colocar que a variável janela2 é nula ou recebe valor nulo?

Edited by Advanced-S17
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Forum Statistics

    • Total Topics
      149.6k
    • Total Posts
      646.2k
×
×
  • Create New...