Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Falco_Landrao

Display Property block e none com modal

Por , em Javascript

Recommended Posts

Falco_Landrao    0

Falco_Landrao
Postado

:thumbsup: ... Olá Pessoal!

 

Estou tentando manipular uma modal ao abrir um determinado site, é da seguinte forma: Modal deve ser mostrada apenas uma vez no Site, ao clicar em algum link e depois retornar a página principal a Modal não deve mais aparecer, estou tentando fazer esse controle usando o none e block do JQUERY sempre verificando se o cookie já esta criado, ai não mostra mesmo a Modal.

 

<script type="text/javascript">

 

function criaCookie(chave, value) {
var expira = new Date(); expira.setTime(expira.getTime() + 87600000);
document.cookie = chave + '=' + value + ';expires=' + expira.toUTCString();
}
function lerCookie(chave) {
var ChaveValor = document.cookie.match('(^|;) ?' + chave + '=([^;]*)(;|$)');
return ChaveValor ? ChaveValor[2] : null;
}

 

function gerenciaCookie(){
qtdImagens = 3;
cookie = lerCookie('bannersHome');
/*
if (cookie != ""){
$("#form_modal").css("display", "block");
}else{
$("#form_modal").css("display", "none");
}
*/
</script>
<body>
<div id="form_modal" >
<div class="banner">
<div class="botao"><span class="fechar">Fechar</span></div>
<div class="imagem">
<!--Banner Individual-->
<!--<img src='img/modal-manutencao.png' width='500' height='500'>-->
<!--Script para banner randômico-->
<script>
imagens = new Array();
imagens[0] = "www.uol.com.br";
imagens[1] = "www.globo.com";
aleatorio = Math.floor(Math.random()*imagens.length)
document.write(imagens[aleatorio]);
</script>
</div>
</div>
</div>
</body>
A modal carrega automatico, mas ao tentar verificar a modal pela div form_modal no if que comentei não rola, se eu coloco style="display: none;" direto aqui na tag <div id="form_modal" > da certo a manipulação, pergunto se estou certo por este caminho ou de repente uma outra ideia mais simples eu poderia utilizar, acabei travando nesse ponto.
Obrigado,
Leandro.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito