Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA} [JavaScript]

1. Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

chrorius
(usa Ubuntu)

Enviado em 30/12/2021 - 22:11h

Pessoal, boa noite.

Voçês podem me ajudar, colocar responsive + Fechar Pop-up e ele não voltar após atualizar/carregar página de navegação?

[/<!-- Begin POP-UP -->

<script language="javascript" type="">

function fechar(){

document.getElementById('popup').style.display = 'none';

}

$(window).unload(function() {

    window.opener.callingPageFunction()

});

</script>

<style type="text/css">

#popup{

position:fixed;

left: 70%;

top: 60%;

margin-left:-245px;

margin-top:-340px;

display: none;

z-index: 10000;

}

</style>

<div id="popup" class="popup" style="display:block">

<small><a onclick="javascript: fechar();"></a>

</small>

<div style="margin-left:260px; cursor:pointer;"><small><a onclick="javascript: fechar();"></a>

</small>

<center><small><a onclick="javascript: fechar();"><img src="https://gigatick.com.br/img/fechar.png" border="0"></a></small></center>

</div>

<a href="#"><img src="https://cdn.discordapp.com/attachments/878085973349658635/926105164606222356/comunicadoGGT.png" width="350" height="500" align="center" style="padding: 2px; border-width: 0px; color: #888888; border-style: solid;" border="0"></a>

</div>

<!-- End POP-UP -->

Feliz Natal e um excelente Ano Novo.

Atenciosamente.

0 0

Quote

2. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

msoliver
(usa Debian)

Enviado em 30/12/2021 - 23:28h

O código postado está completo?

1 0

Quote

3. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

chrorius
(usa Ubuntu)

Enviado em 03/01/2022 - 09:33h

msoliver escreveu:

O código postado está completo?

Sim está completo, mas queria ver como colocar o pop-up para não abrir mais, após fecha-lo.

O Pop-up funciona, as sempre volta após atualizar a página.

Você pode testa-lo em:

http://www.painel.gigatick.com.br

0 0

Quote

4. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

msoliver
(usa Debian)

Enviado em 03/01/2022 - 17:29h

chrorius escreveu:

msoliver escreveu:

O código postado está completo?

Sim está completo, mas queria ver como colocar o pop-up para não abrir mais, após fecha-lo.
O Pop-up funciona, as sempre volta após atualizar a página.
Você pode testa-lo em:
http://www.painel.gigatick.com.br

--------------------------------------------------------------------------------
Dica:
Para "Abrir o Popup", somente uma vez, crie uma "var de controle".
Testei aqui e funciona a contento...!
--------------------------------------------------------------------------------
______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

0 0

Quote

5. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

chrorius
(usa Ubuntu)

Enviado em 04/01/2022 - 01:54h

msoliver escreveu:

chrorius escreveu:

msoliver escreveu:

O código postado está completo?

Sim está completo, mas queria ver como colocar o pop-up para não abrir mais, após fecha-lo.
O Pop-up funciona, as sempre volta após atualizar a página.
Você pode testa-lo em:
http://www.painel.gigatick.com.br

--------------------------------------------------------------------------------
Dica:
Para "Abrir o Popup", somente uma vez, crie uma "var de controle".
Testei aqui e funciona a contento...!
--------------------------------------------------------------------------------
______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

Incrível..! Pode compartilhar o que foi acrescentado no código para que ele feche e não volte re-abrir?

Fiz algumas tentativas, mas sem sucesso, inclusive tentei com cockeis do navegador para reconhecer quando o pop-up é fechado.

Sem sucesso. :'(

Abs.

0 0

Quote

6. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

msoliver
(usa Debian)

Enviado em 04/01/2022 - 03:43h

chrorius escreveu:

msoliver escreveu:

chrorius escreveu:

msoliver escreveu:

O código postado está completo?

Sim está completo, mas queria ver como colocar o pop-up para não abrir mais, após fecha-lo.
O Pop-up funciona, as sempre volta após atualizar a página.
Você pode testa-lo em:
http://www.painel.gigatick.com.br

--------------------------------------------------------------------------------
Dica:
Para "Abrir o Popup", somente uma vez, crie uma "var de controle".
Testei aqui e funciona a contento...!
--------------------------------------------------------------------------------
______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

Incrível..! Pode compartilhar o que foi acrescentado no código para que ele feche e não volte re-abrir?

Fiz algumas tentativas, mas sem sucesso, inclusive tentei com cockeis do navegador para reconhecer quando o pop-up é fechado.

Sem sucesso. :'(

Abs.

Segue:

<script>

if(localStorage.getItem("popup")) {

document.getElementById('popup').style.display='none';

alert("Teste:\nAviso, popup já foi  Visualizado");

}



function fechar(){

document.getElementById('popup').style.display='none';

localStorage.setItem("popup", "true");

}

</script>

______________________________________________________________________
Importante:
Se te ajudei,
RETRIBUA:
Marque o TÓPICO como RESOLVIDO, e,
escolha a MELHOR RESPOSTA

lynx --dump https://www.vivaolinux.com.br/termos-de-uso/|sed -nr '/^[ ]+Se/,/dou.$/p'
______________________________________________________________________
Nota de esclarecimento:
O comando: ACIMA, faz parte da minha assinatura.
Att.: Marcelo Oliver
______________________________________________________________________

1 0

Quote

7. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

chrorius
(usa Ubuntu)

Enviado em 05/01/2022 - 07:12h

msoliver escreveu:

chrorius escreveu:

msoliver escreveu:

chrorius escreveu:

msoliver escreveu:

O código postado está completo?

Sim está completo, mas queria ver como colocar o pop-up para não abrir mais, após fecha-lo.
O Pop-up funciona, as sempre volta após atualizar a página.
Você pode testa-lo em:
http://www.painel.gigatick.com.br

--------------------------------------------------------------------------------
Dica:
Para "Abrir o Popup", somente uma vez, crie uma "var de controle".
Testei aqui e funciona a contento...!
--------------------------------------------------------------------------------
______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

Incrível..! Pode compartilhar o que foi acrescentado no código para que ele feche e não volte re-abrir?

Fiz algumas tentativas, mas sem sucesso, inclusive tentei com cockeis do navegador para reconhecer quando o pop-up é fechado.

Sem sucesso. :'(

Abs.

Segue:

<script>

if(localStorage.getItem("popup")) {

document.getElementById('popup').style.display='none';

alert("Teste:\nAviso, popup já foi  Visualizado");

}



function fechar(){

document.getElementById('popup').style.display='none';

localStorage.setItem("popup", "true");

}

</script>

______________________________________________________________________
Importante:
Se te ajudei,
RETRIBUA:
Marque o TÓPICO como RESOLVIDO, e,
escolha a MELHOR RESPOSTA

lynx --dump https://www.vivaolinux.com.br/termos-de-uso/|sed -nr '/^[ ]+Se/,/dou.$/p'
______________________________________________________________________
Nota de esclarecimento:
O comando: ACIMA, faz parte da minha assinatura.
Att.: Marcelo Oliver
______________________________________________________________________

Olá! Agradeço.

Substitui o seu script pelo o meu

<script>
código.
</script>

Limpei o cache do meu navegador, clico em fechar e atualizo a página, o pop-up volta de novo. Ele não identifica que já o visualizei e o fechei.

Fiz algo de errado?

Desde já,
Obrigado novamente.

0 0

Quote

8. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

msoliver
(usa Debian)

Enviado em 05/01/2022 - 13:10h

Certamente fez algo errado....!
Erro clássico..... :)
-------------------------------------------------------
A lógica utilizada, é simples, clara e objetiva!
-------------------------------------------------------

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

0 0

Quote

9. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

chrorius
(usa Ubuntu)

Enviado em 06/01/2022 - 14:13h

msoliver escreveu:

Certamente fez algo errado....!
Erro clássico..... :)
-------------------------------------------------------
A lógica utilizada, é simples, clara e objetiva!
-------------------------------------------------------

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

Pode me orientar como proceder?

0 0

Quote

10. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

msoliver
(usa Debian)

Enviado em 06/01/2022 - 16:31h

chrorius escreveu:

msoliver escreveu:

Certamente fez algo errado....!
Erro clássico..... :)
-------------------------------------------------------
A lógica utilizada, é simples, clara e objetiva!
-------------------------------------------------------

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

Pode me orientar como proceder?

Já postei o script.......
Tá difícil, heim!!!!
Poste o que fez!

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

0 0

Quote

11. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

chrorius
(usa Ubuntu)

Enviado em 08/01/2022 - 00:15h

msoliver escreveu:

chrorius escreveu:

msoliver escreveu:

Certamente fez algo errado....!
Erro clássico..... :)
-------------------------------------------------------
A lógica utilizada, é simples, clara e objetiva!
-------------------------------------------------------

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

Pode me orientar como proceder?

Já postei o script.......
Tá difícil, heim!!!!
Poste o que fez!

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

<!-- Begin POP-UP -->

<script>

if(localStorage.getItem("popup")) {

document.getElementById('popup').style.display='none';

alert("Teste:\nAviso, popup já foi  Visualizado");

}

function fechar(){

document.getElementById('popup').style.display='none';

localStorage.setItem("popup", "true");

}

</script> 

<style type="text/css">

#popup{

position:fixed;

left: 70%;

top: 60%;

margin-left:-245px;

margin-top:-340px;

display: none;

z-index: 10000;

}

</style>

<div id="popup" class="popup" style="display:block">

<small><a onclick="javascript: fechar();"></a>

</small>

<div style="margin-left:260px; cursor:pointer;"><small><a onclick="javascript: fechar();"></a>

</small>

<center><small><a onclick="javascript: fechar();"><img src="https://gigatick.com.br/img/fechar.png" border="0"></a></small></center>

</div>

<a href="#"><img src="https://cdn.discordapp.com/attachments/878085973349658635/926105164606222356/comunicadoGGT.png" width="350" height="500" align="center" style="padding: 2px; border-width: 0px; color: #888888; border-style: solid;" border="0"></a>

</div>

<!-- End POP-UP -->

Observação: Alterei o <scrip>código</script> anterior pelo que me enviou.

0 0

Quote

12. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

msoliver
(usa Debian)

Enviado em 08/01/2022 - 02:09h

chrorius escreveu:

msoliver escreveu:

chrorius escreveu:

msoliver escreveu:

Certamente fez algo errado....!
Erro clássico..... :)
-------------------------------------------------------
A lógica utilizada, é simples, clara e objetiva!
-------------------------------------------------------

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

Pode me orientar como proceder?

Já postei o script.......
Tá difícil, heim!!!!
Poste o que fez!

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

<!-- Begin POP-UP -->

<script>

if(localStorage.getItem("popup")) {

document.getElementById('popup').style.display='none';

alert("Teste:\nAviso, popup já foi  Visualizado");

}

function fechar(){

document.getElementById('popup').style.display='none';

localStorage.setItem("popup", "true");

}

</script> 

<style type="text/css">

#popup{

position:fixed;

right:5%;

top:5%;

/*

margin-left:-245px;

margin-top:-340px;

z-index: 10000;

*/

display: block;

}

</style>

<div id="popup">

<small><a onclick="javascript: fechar();"></a>

</small>

<div style="margin-left:260px; cursor:pointer;"><small><a onclick="javascript: fechar();"></a>

</small>

<center><small><a onclick="javascript: fechar();"><img src="https://gigatick.com.br/img/fechar.png" border="0"></a></small></center>

</div>

<a href="#"><img src="https://cdn.discordapp.com/attachments/878085973349658635/926105164606222356/comunicadoGGT.png" width="350" height="500" align="center" style="padding: 2px; border-width: 0px; color: #888888; border-style: solid;" border="0"></a>

</div>

<!-- End POP-UP -->

Observação:
Alterei o <scrip>código</script> anterior pelo que me enviou.

---------------------------------------------------------------------------
Ultima dica . . . :)
Observe a ordem que "as coisas" ocorrem....
Ai vai encontrar o ERRO!
Caso não encontre, veja a mensagem no "console".
----------------------------------------------------------------------------
Obs: A página é lida/interpretada, de cima para baixo,
da esquerda para a direita......
---------------------------------------------------------------------------
Um detalhe:
Sem relação com o "não funcionamento".
Chame a função fechar(),
somente uma vez......

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________

0 0

Quote

Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

1. Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

2. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

3. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

4. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

5. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

6. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

7. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

8. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

9. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

10. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

11. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

12. Re: Como colocar esse script em Responsive + Botão Fechar, não recarregar o popup [AJUDA}

Patrocínio

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts