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

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.

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.

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.

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