Afisare POPup o singura data

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
Calinq
Mesaje: 8

Afisare POPup o singura data

Buna dimienata,
Am creat un pop up siteului, si doresc sa-l afiseze o singura data pe vizitator. Mentionez ca nu stiu cum sa-mi setez cookies iar siteul este html5.
Va multumesc si astept cu interes.

Cod: Selectaţi tot

<!--POPUP -->
<div id="SITE" style="width: 756px; position: absolute; z-index: 50; left: 306px; top: 60px; height: 453px;">
<div id="popup_SITE" style="position:fixed; z-index:100;width:638px;height:450px;">
<div style="position:absolute; display:inline;z-index:101"><a href="http://google.com"><img src="images/advertising.png" width="810"></a></div>

<!-- INCHIDERE POPUP -->
<script>
jQuery(document).ready(function($){
	// Facebook iframe
	$('.socialiframetrack_facebook iframe').iframeTracker({
		blurCallback: function(){

		$('#popup_facebook').fadeOut("slow");
}
	});
	

});
</script>



MarPlo Mesaje: 4343
Salut
Pentru lucru cu cookie in javascript sunt necesare mai multe functii. Pentru ce ai tu nevoie cred ca e suficient o functie de verificare cookie daca exista, inainte de afisare pop-up, si alta de setare; isCookie() si setCookie() din acest exemplu:

Cod: Selectaţi tot

<script>
// returneaza True daca cookie-ul cu nume de la 'name' exita, altfel False
function isCookie(name) {
  var cookies = ' ' + document.cookie + ';';
  var re = (cookies.indexOf(' ' + name + '=') != -1) ? true : false;
  return re;
}

// exemplu
if(isCookie('un_nume')) alert('Cookiie un_nume exita');
else alert('cookie un_nume nu exita');

// seteaa un cookie cu numele de la 'name', valoarea de la 'val' si expira dupa 'exsec' secunde
function setCookie(name, val, exsec) {
  var expDate = new Date();
  expDate.setTime(expDate.getTime() + (exsec * 1000));
  document.cookie = name + '=' + escape(val) + '; expires=' + expDate.toGMTString() ;
}

// exemplu, cookie cu nume 'un_nume', valoarea 'valoare' sa expire dupa o zi (24 ore)
var o_zi = 24*60*60;
setCookie('un_nume', 'valoare', o_zi);
</script>
La pagina Cookie-uri (si lectia urmatoare) este un tutorial din care poti sa inveti cum sa lucrezi cu Cookie in JavaScript.

Sau, daca vrei sa folosesti cookie cu cod tip jQuery, trebuie sa incluzi plugin-ul jquery.cookie, apoi este la aceasta pagina un tutorial despre jquery.cookie (in engleza):
sitepoint.com/eat-those-cookies-with-jquery/

Subiecte similare