Pagina 1 din 1

Afisare POPup o singura data

Scris: Vin Noi 29, 2013
de Calinq
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>



Afisare POPup o singura data

Scris: Vin Noi 29, 2013
de MarPlo
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/