"Aceptar cookies" (cartel en web)

[NueveReinas]

Hola. No sé si esta es la sección correcta, pero necesito ayuda.

Yo tengo el siguiente código Javascript (más HTML y CSS):

Código:

<script type="text/javascript">
   $(window).load(function(){$("#cerrar").click(function(){$('#ventana-cookies').animate({bottom:'-200px',opacity:0},1000);
   $.cookie('cookie','acepto_las_cookies',{ expires: 7, path: '/' });});
   });
</script>
    	 <div id="ventana-cookies" style="bottom: 0px;" align="center">
      <div class="ventana">
        <p><strong><i class="strong"></i>Política de cookies</strong></p>
        <p>
          Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra <a>política de cookies</a>, pinche el enlace para mayor información.
        </p>
        
        <a id="cerrar">Acepto, cerrar aviso</a>
        </div>
    </div>
    
     <script type="text/javascript">
          if($.cookie('cookie')!='acepto_las_cookies'){$('#ventana-cookies').animate({bottom:0,},1000);}
   else{
   $('#ventana-cookies').hide();
   }
      </script>

Este cartel me indica que mi sitio tiene una política de cookies.
Bien, ahora mi problema es el siguiente;

Necesito que, por sesión, cada vez que alguien acepte que mi sitio almacena cookies, no vuelva a aparecer el aviso cuando esa persona recarga la página o la visita después de un tiempo.

¿Cómo se hace eso?

Saludos, y gracias de antemano.

[MaNuX0218]

Yo e creado uno que siempre implanto en mis sitios webs, lo unico que ago un poco de css para modificar el gusto de donde aparece etc. Te lo dejo y tu ya lo adaptas.

Código Javascript:

<script>
function getCookie(c_name){
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1){
c_start = c_value.indexOf(c_name + "=");
}
if (c_start == -1){
c_value = null;
}else{
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1){
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start,c_end));
}
return c_value;
}
function setCookie(c_name,value,exdays){
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function AceptarCookie(){
setCookie('aviso','1',365);
document.getElementById("aviso-cookies").style.display="none";
}
</script>
 

Para utilizarlo solo con este código html:

Código HTML:

<div id="aviso-cookies">
 
Mensaje ha mostrar de las cookies
 
<a href="javascript:void(0);" onclick="AceptarCookie();">Aceptar</a>
 
</div>
 

Cualquier cosa, comenta.

Un saludo.

[NueveReinas]

Muchísimas gracias, Manu, pero sigo con el mismo problema; cada vez que recargo la página, me vuelve a aparecer el aviso.

[PabloManuel]

Yo voy a optar por guardar la Ip del usuario en una tabla si hace clic

¿es correcto?

Si la ip del visitante ya está en la tabla es que aceptó, no muestro div flotante, en caso contrario....

[PHPeros]

Iniciado por PabloManuel

Yo voy a optar por guardar la Ip del usuario en una tabla si hace clic

¿es correcto?

Si la ip del visitante ya está en la tabla es que aceptó, no muestro div flotante, en caso contrario....

No mucho, lo mejor es dejar una cookie o utilizar storage para verificar si aceptó anteriormente o no.

[PabloManuel]

Es cierto, no opté por ello porque claro, es una cookie

Lo haré con una cookie, al pulsar aceptar la pondrá a valor 1 y comprobaré al cargar las páginas de que exista. Gracias!!

[MaNuX0218]

Iniciado por NueveReinas

Muchísimas gracias, Manu, pero sigo con el mismo problema; cada vez que recargo la página, me vuelve a aparecer el aviso.

Si te fijas en mi script hay una funcion "AceptarCookie", al hacer clic crea una cookie y la guarda como que se ha aceptado y no aparece de nuevo, en este caso no expira hasta 365 dias.

Tan solo tienes que agregar a un boton:

<button onClick="AceptarCookie()">Aceptar</button>

Saludos.

[PabloManuel]

Genial!!! sin relación con código de servidor ni bases de datos, me has alegrado el viernes muchas gracias!!!!!

[lauser]

Me ha gustato Manu, te lo cojo y te doy un gracias.

[PabloManuel]

Pero, dónde está el código que dice que si la cookie es igual a uno, no muestre el Div?

[MaNuX0218]

Iniciado por PabloManuel

Pero, dónde está el código que dice que si la cookie es igual a uno, no muestre el Div?

Con esto comprobarias si ya aceptarón o no.

Código Javascript:

if(getCookie("aviso") != "1"){
document.getElementById("aviso-cookies").style.display="block";
}
 

Saludos.

[PabloManuel]

Ahora sí,

Yo hago una recomendación, para aquellos que tenga una misma Web para varios clientes, el nombre de la cookie lo parametrizaría

en mi caso, la creo con el nombre de dominio que está guardado en una tabla de la DB, me lo traigo por Json y listo, así la cookie se llama: loquesea.es para una y otronombre.es para otro, si usamos un nombre genérico, sería válida para cualquier página.

Creo que esto es correcto no? si pregunto por una cookie generada por otra Web, tendré el valor no?

[Sagajean]

Iniciado por MaNuX0218

Yo e creado uno que siempre implanto en mis sitios webs, lo unico que ago un poco de css para modificar el gusto de donde aparece etc. Te lo dejo y tu ya lo adaptas.

Código Javascript:

<script>
function getCookie(c_name){
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1){
c_start = c_value.indexOf(c_name + "=");
}
if (c_start == -1){
c_value = null;
}else{
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1){
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start,c_end));
}
return c_value;
}
function setCookie(c_name,value,exdays){
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function AceptarCookie(){
setCookie('aviso','1',365);
document.getElementById("aviso-cookies").style.display="none";
}
</script>
 

Para utilizarlo solo con este código html:

Código HTML:

<div id="aviso-cookies">
 
Mensaje ha mostrar de las cookies
 
<a href="javascript:void(0);" onclick="AceptarCookie();">Aceptar</a>
 
</div>
 

Cualquier cosa, comenta.

Un saludo.

hola a todos. Perdonar por mi ignorancia pero estoy intentado utilizar este script y no me acaba de funcionar, no se si es que tengo que cambiar algunas lineas de código o que?

[lauser]

Mira esto ,,, esta recomendado por google.