Como criar um div fechável que só é exibido uma vez a cada 24 horas por IP?

Carambel · 09/05/2016

Como puedo hacer que un div tenga la opción cerrar, que cuando haga clic en cerrar no aparezca mas por 24 horas por ip.
Si no hace clic en cerrar este se seguirá viendo la publicidad.

¿Alguien sabe como hacerlo? estuve investigando pero no encontré lo que buscaba, según me dicen que se hace con cookies y no se como hacerlo.

Daniel Muñoz · 09/05/2016

Eso se hace con cookies y Javascript :encouragement:

Al usuario entrar y hacer clic en la "equis" se crea y se almacena la cookie en su navegador. Y se crea un condicional, Si la cookie existe entonces no mostrar anuncio, si no. Mostrar anuncio.

Exab · 14/05/2016

Aquí te dejo algo que improvise, 100% funcional. Soporte para IE 8.0^ y los demás sin problemas.

Inserir CODE, HTML ou PHP:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Local Storage on action</title>
</head>
<body>
	<div id="wpr" style="display: none;">
		<p>Content</p>
		<button id="btn">Close</button>
	</div>
	<script>
		var d, t;
		var wpr = document.getElementById("wpr");
		var btn = document.getElementById("btn");
		if (typeof(Storage) !== "undefined") {
			d = new Date();
			if (localStorage.getItem("time") == undefined) {
				wpr.style.display = "block";
			} 
			// Local Storage on action
			btn.addEventListener("click", function(){
				wpr.style.display = "none";
				t = d.getTime() + 86400000;
				localStorage.setItem("time", t);
			});
			if (d.getTime >= parseInt(localStorage.getItem("time"))) {
				wpr.style.display = "block";
			} 
		} else {
			// No Web Storage support
			console.log("Not support local storage");
		}
	</script>
</body>
</html>

Como criar um div fechável que só é exibido uma vez a cada 24 horas por IP?

Carambel

Daniel Muñoz

Exab

Tópicos similares