¿Cómo crear un div cerrable que solo se muestra una vez cada 24 horas por IP?

Carambel · 9 May 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 · 9 May 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 May 2016

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

Insertar CODE, HTML o 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>

¿Cómo crear un div cerrable que solo se muestra una vez cada 24 horas por IP?

Carambel

Daniel Muñoz

Exab

Temas similares