Tutorial: javascript, meter politica de cooquies

Code: Select all

<div id="overbox3">
    <div id="infobox3">
        <p><b>Uso de cookies</b> // Utilizamos cookies propias y de terceros para mejorar la experiencia de navegacion, y ofrecer contenidos. Al continuar con la navegacion entendemos que se acepta nuestra
        <a target="_blank" href="./index.php?route=information/information&information_id=7">politica de cookies</a>
        <a onclick="aceptar_cookies();" style="cursor:pointer;"><button class="button" style="padding: 1px; cursor: pointer;">OK</button></a></p>
    </div>
</div>

Code: Select all

<div id="footer">

Code: Select all

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript" src="scripts/cookies.js"></script> 
<div id="footer">

Code: Select all

  function GetCookie(name) {
    var arg=name+"=";
    var alen=arg.length;
    var clen=document.cookie.length;
    var i=0;
 
    while (i<clen) {
        var j=i+alen;
 
        if (document.cookie.substring(i,j)==arg)
            return "1";
        i=document.cookie.indexOf(" ",i)+1;
        if (i==0)
            break;
    }
 
    return null;
}
 
function aceptar_cookies(){
    var expire=new Date();
    expire=new Date(expire.getTime()+7776000000);
    document.cookie="cookies_surestao=aceptada; expires="+expire;
 
    var visit=GetCookie("cookies_surestao");
 
    if (visit==1){
        popbox3();
    }
}
 
$(function() {
    var visit=GetCookie("cookies_surestao");
    if (visit==1){ popbox3(); }
});
 
function popbox3() {
    $('#overbox3').toggle();
} 

Code: Select all

#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: 58px;
    width: 100%;
    text-align:center;
    background-color: #fff;
}
#infobox3 p {
    line-height:58px;
    font-size:12px;
    text-align:center;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
}