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}

Douglas
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.


  


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

Marcelo Oliver
msoliver

(usa Debian)

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

O código postado está completo?




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

Douglas
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



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

Marcelo Oliver
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
______________________________________________________________________



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

Douglas
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.



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

Marcelo Oliver
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
______________________________________________________________________



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

Douglas
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.




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

Marcelo Oliver
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
______________________________________________________________________



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

Douglas
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?




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

Marcelo Oliver
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
______________________________________________________________________



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

Douglas
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.




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

Marcelo Oliver
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
______________________________________________________________________







Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts