Aparecer Popup apenas uma vez /usuario Utilizando Cokkie

gmnweb · Setembro 16, 2015

Olá pessoal, tudo bem com vocês?
bom estou com um popup em meu site.. que aparece sempre que a pessoa atualiza ou entra nele..

eu gostaria de que alguém me ajudasse ou criasse uma função javascript (pois a pagina é em html e não tem como usar php)
para que pode-se aparecer apenas uma vez por usuário com um certo tempo.. tipo 1 dia para ela aparecer de novo.. saka?

vou deixar abaixo o meu código:

<html>
<head>
<style>

#popup{
margin-top: -45px;
position: absolute;
width: 300px;
height: 250px;
left: 400px;
top: 288px;
z-index: 99999;
margin: -175px auto 0px 15px;
border: 6px solid rgba(0, 165, 71, 0.13);
padding: 10px;
padding-left: 30px;
padding-top: 30px;
background: rgba(255, 255, 255, 0.96);}

.fechar {position: absolute; top: -10px; right: -10px;}
</style>
</head>

<body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/></script>

<div id='popup'>
<div class='fechar'>
<img src='http://jconlinedigital.ne10.uol.com.br/assinantes/imagens/imagens_np/icone_fechar.png'/>
</div></div>

<script type='text/javascript'>
$(document).ready(function(){
$('.fechar').hover(function(event){
event.preventDefault();
$("#popup").hide();
});
});

setTimeout(function() {
$("#popup").css("display","block");
}, 5000);
</script>

</body>
</html>

xSmoking · Setembro 16, 2015

Dê uma olhada nesta extensão para o jQuery:

https://github.com/carhartl/jquery-cookie

Importe o src > jquery.cookie.js em seu código.

Após isso, olhe o código que testei:

var cookieAlert = $.cookie("alert"); // salva o valor do cookie na variável
if (cookieAlert !== '1') { // verifica se o valor do cookie é != 1. Caso for, significa que não foi setado
    alert('cookie não setado');
    $.cookie("alert", 1, {expires: 1}); // seta o cookie 'alert' com o valor '1' e expira em '1' dia
}

Para remover o cookie é $.removeCookie("nome_do_cookie");

Olhe este post no StackOverflow com mais explicações:

http://stackoverflow.com/questions/1458724/how-to-set-unset-cookie-with-jquery

Sasuke Uchiha · Setembro 17, 2015

<?php

    if($_COOKIE["exibe-pop-up"] != 'não'){

?>


        [ CÓDIGO DO SEU POP-UP ]


<?php

        setcookie("exibe-pop-up","não",(time() + (30 * 24 * 3600)));

    }

?>

Nessa forma eu coloquei pra que ele fique sem aparecer por 30 dias.

Caso queira ver o código funcionando: www.juicyco.com.br

Porém ali eu configurei diferente, caso a pessoa apenas visualize o pop-up, ele desaparece por apenas 2 dias, mas se ela preencher com o e-mail e fazer o submit, o pop-up desaparece por 60 dias.

gmnweb · Setembro 17, 2015

Bom pessoal... a minha página esta em HTML então preciso do CÓDIGO em Javascript... Php pra mim não ira funfar.. obrigado

xSmoking · Setembro 17, 2015

Bom pessoal... a minha página esta em HTML então preciso do CÓDIGO em Javascript... Php pra mim não ira funfar.. obrigado

O código que te passei é em jQuery... é só importar os scripts pelo html

gmnweb · Setembro 17, 2015

Bom, eu sou leigo em JavaScript.. se for só importar.. seria facil.. pois ja fiz isso..

gostaria que você me ajudasse. editando aonde precisa... obrigado.

xSmoking · Setembro 17, 2015

Bom, eu sou leigo em JavaScript.. se for só importar.. seria facil.. pois ja fiz isso..

<script type="text/javascript" src="http://yourjavascript.com/97369210515/js-cookie.js"></script>

gostaria que você me ajudasse. editando aonde precisa... obrigado.

No meu post eu coloquei um código que fiz funcionando perfeitamente o que você pediu, além de importar o cookie, coloque meu codigo em seu .js ou entre <script></script>

gmnweb · Setembro 17, 2015

No meu post eu coloquei um código que fiz funcionando perfeitamente o que você pediu, além de importar o cookie, coloque meu codigo em seu .js ou entre <script></script>

Mano.. tipo eu importei o código que você falou....

ai como você disse que tinha feito... eu fiz no meu código.. só que não deu em nada... olhe.. eu acrescentei o código juntamente com meu javascript..

<script type='text/javascript'>

var cookieAlert = $.cookie("alert"); // salva o valor do cookie na variável
if (cookieAlert !== '1') { // verifica se o valor do cookie é != 1. Caso for, significa que não foi setado
    alert('cookie não setado');
    $.cookie("alert", 1, {expires: 1}); // seta o cookie 'alert' com o valor '1' e expira em '1' dia
}
$(document).ready(function(){
                    $('.fechar').hover(function(event){
                    event.preventDefault();
                    $(".popup").hide();
                });
                });  
    
           setTimeout(function() {
          $(".popup").css("display","block");
    }, 5000);   
	
</script>

Mais não acontece nada... mesmo fazendo tudo isso.. o popup apenas para de funcionar e fica fixo na tela...

desculpe pelo incomodo.. mais por favor me ajude..

xSmoking · Setembro 17, 2015

Estranho cara, olhe abaixo meu HTML completo, aqui esta funcionando normalmente.

<!DOCTYPE html>
<html lang="pt">
    <head>
        <meta charset="utf-8" />
        <title>Teste</title>
    </head>
    <body>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script src="jquery.cookie.js"></script>
        <script>
            var cookieAlert = $.cookie("alert");
            if (cookieAlert !== '1') {
                alert('cookie não setado');
                $.cookie("alert", 1, {expires: 1});
            }
        </script>
    </body>
</html>

O que você testou ai, está pelo menos alertando quando o cookie n foi setado?

gmnweb · Setembro 17, 2015

Estranho cara, olhe abaixo meu HTML completo, aqui esta funcionando normalmente.

<!DOCTYPE html>
<html lang="pt">
    <head>
        <meta charset="utf-8" />
        <title>Teste</title>
    </head>
    <body>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script src="jquery.cookie.js"></script>
        <script>
            var cookieAlert = $.cookie("alert");
            if (cookieAlert !== '1') {
                alert('cookie não setado');
                $.cookie("alert", 1, {expires: 1});
            }
        </script>
    </body>
</html>

O que você testou ai, está pelo menos alertando quando o cookie n foi setado?

Talvez então eu esteja fazendo algo de errado... olhe meu código como esta.

<!DOCTYPE html>
<html lang="pt">
    <head>
        <meta charset="utf-8" />
        <title>Teste</title>
		<style>
#popup{margin-top: -45px; position: absolute;width: 300px;height: 250px;
left: 400px;top: 288px;z-index: 99999; margin: -175px auto 0px 15px;
border: 6px solid #ccc;padding: 10px;padding-left: 30px; padding-top: 30px;
}
.fechar {position: absolute; top: -10px; right: -10px;}
</style>
    </head>
    <body>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://yourjavascript.com/97369210515/js-cookie.js"></script>
        <script type='text/javascript'>
            var cookieAlert = $.cookie("alert");
            if (cookieAlert !== '1') {
                alert('cookie não setado');
            }
            $.cookie("alert", 1, {expires: 1});
        </script>
		
		<div class='popup' id='popup'>
<div class='fechar'>
<img  src='http://jconlinedigital.ne10.uol.com.br/assinantes/imagens/imagens_np/icone_fechar.png'/>
</div>
<span>Conteudo aqui</span>
</div>
<!-- popup facebook -->

</div> 


<script type='text/javascript'>

$(document).ready(function(){
                    $('.fechar').hover(function(event){
                    event.preventDefault();
                    $(".popup").hide();
                });
                });  
    
           setTimeout(function() {
          $(".popup").css("display","block");
    }, 5000);    
	
	
    </script> 
	
	
    </body>
</html>

Arquivado

Aparecer Popup apenas uma vez /usuario Utilizando Cokkie

Recommended Posts

gmnweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xSmoking 6

Compartilhar este post

Link para o post

Compartilhar em outros sites

Sasuke Uchiha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

gmnweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xSmoking 6

Compartilhar este post

Link para o post

Compartilhar em outros sites

gmnweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xSmoking 6

Compartilhar este post

Link para o post

Compartilhar em outros sites

gmnweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xSmoking 6

Compartilhar este post

Link para o post

Compartilhar em outros sites

gmnweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ajuda com Extends e envio para o banco

Fixar div até atingir uma certa altura

PHP+Codeigniter - Dúvida referente a PDV

Conteúdo Similar

Fóruns

Tempo Real

Informação importante