Ir para conteúdo

POWERED BY:

Arquivado

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

renan.miranda

Janela Modal com Cookie

Recommended Posts

Eu tenho o seguinte script funcionando perfeitamente:

 

JS

function open_modal( id ){
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();
	
	$('#mask').css({'width':maskWidth,'height':maskHeight});
 
	$('#mask').fadeIn(1000);	
	$('#mask').fadeTo("slow",0.8);	
	
	//Get the window height and width
	var winH = $(window).height();
	var winW = $(window).width();
              
	$(id).css('top',  winH/2-$(id).height()/2);
	$(id).css('left', winW/2-$(id).width()/2);
	$(id).fadeIn(2000); 
};

$(document).ready(function() {	
	
	$('a[name=modal]').click(function(e) {
		e.preventDefault();
		open_modal( $(this).attr('href') );	
	});
	
	open_modal( '#dialog' );//abrindo o div#modal ao carregar a página
	
	$('.window .close').click(function (e) {
		e.preventDefault();
		
		$('#mask').fadeOut(800);
		$('.window').fadeOut(1000);
	});		
	
	$('#mask').click(function () {
		$(this).fadeOut(1000);
		$('.window').fadeOut(1000);
	});
});

HTML

<div id="dialog" class="window">
  <a href="#" class="close">FECHAR</a>
  <div align="center"><img src="modal/isgeek.jpg" width="834" height="400"></div>
</div>

<div id="mask"></div>

Eu gostaria de fazer com que ele fosse aberto apenas a primeira vez que a pessoa entrasse no site, e depois apenas se reabrir. Alguém pode me dá uma luz?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá renan, blza!

 

Veja se essa referencia te da alguma luz.

 

Opção com:

 

Cookie,

 

sessionStorage

 

localStorage

 

 

http://pt.stackoverflow.com/questions/12639/popup-abrir-apenas-1-vez-ap%C3%B3s-ser-fechada-mesmo-depois-de-recarregar-p%C3%A1gina

 

 

 

Espero ter ajudado,

 

vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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