2016-06-22 16 views
1

Ich bin nicht sicher, ob dies auf Tumblr möglich ist. Das Popup, das ich habe, ist keine "Fancybox". Ich habe hier versucht, eine Lösung zu finden, aber ich hatte nicht viel Glück. Ich habe eine Popup-Box, die angezeigt wird, wenn ein Besucher zu meinem Blog kommt, aber wenn ich auf die nächste Seite klicke, erscheint sie wieder. Ich will nicht, dass es jedes Mal auftaucht, wenn jemand auffrischt. Ich will es so, dass es alle 7 Tage einmal pro Nutzer erscheint und es eine Option "Nachricht nicht wieder anzeigen" für sie hat.Pop-up 'Diese Nachricht nicht mehr anzeigen' Option

Dies ist das Skript.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"> </script> 

<script> 
$(document).ready(function() { 

var id = '#dialog'; 


//Get the screen height and width 
var maskHeight = $(document).height(); 
var maskWidth = $(window).width(); 


//Set heigth and width to mask to fill up the whole screen 
$('#mask').css({'width':maskWidth,'height':maskHeight}); 

//transition effect 
$('#mask').show(1000); 
$('#mask').fadeTo("slow",0.5); 

//Get the window height and width 
var winH = $(window).height(); 
var winW = $(window).width(); 

//Set the popup window to center 
$(id).css('top', winH/2-$(id).height()/2); 
$(id).css('left', winW/2-$(id).width()/2); 

//transition effect 
$(id).show(2000); 

//if close button is clicked 
$('.window .close').click(function (e) { 
//Cancel the link behavior 
e.preventDefault(); 


$('#mask').hide(); 
$('.window').hide(); 
}); 


//if mask is clicked 
$('#mask').click(function() { 
$(this).hide(); 
$('.window').hide(); 
}); 




}); 

</script> 

Dies ist die Schaltfläche Schließen

<a href="#" title="close" class="close"><div class="rotating" style="margin- left:395px; margin-top:-25px; position:absolute;"><big>✦</big> </div></a><br><br> 

Antwort

3

Sie haben Cookies oder Sitzungen auf Ihrer Webseite verwenden, so dass Sie verfolgen können, haben die Benutzer Pop-ups zu sehen.

In diesem Fall würde ich HTML5 Webstorage wahrscheinlich empfehlen.

HTML Local Storage

Sie können dann ein Element speichern mit einem Ablaufdatum zu Ihrem Popup-Meldungen, die Sie einen Benutzer ein Popup vor dem Anzeigen jedes Mal überprüfen oder einstellen.

Hoffe, das hilft.

+0

Ich denke, ich habe es zur Arbeit! Danke ! – Brick

Verwandte Themen