Translate

Salvando cookies


Nessa abordagem iremos mostrar como salvar e requisitar cookies da memória do navegador.




Exemplo





HTML part
<body onload="checkCookie();">

<div style="display:none;" title="Este site usa cookies do Google para fornecer seus serviços e analisar o tráfego. 
Seu endereço IP e user agent são compartilhados com o Google, além das métricas de segurança e desempenho, 
para garantir a qualidade de serviço, gerar estatísticas de uso e detectar e eliminar abusos." class="cookie" id="cookie">
Este site usa cookies do Google para fornecer seus serviços e analisar o tráfego. <br />
Seu endereço IP e user agent são compartilhados com o Google, além das métricas de segurança e desempenho, <br />
para garantir a qualidade de serviço, gerar estatísticas de uso e detectar e eliminar abusos.
<button onclick="cookieSave(false);" class="mais">Know more?</button>
<button onclick="cookieSave(true);" class="ok">OK</button>
</div>


</body>

Javascript part
var elem = document.getElementById("cookie"); // Div element to be created  
    var app = getCookie("cookieinfo");//Return of variable saved in browser database
	
	function checkCookie(){//Show element or not through return
		 if (app) {
             elem.setAttribute("style","display:none;");
             console.log(app)
          }else{
		   elem.setAttribute("style","display:block;");
           console.log(app)
        }
	}
	
	function cookieSave(container){//Store variable in database
		if(container){
			console.log("Salvando cookie :"+container)
			var d = new Date();
			  d.setTime(d.getTime() + (10*1000)); //saved data expires in 10 seconds
			  var expires = "expires="+ d.toUTCString();
			   document.cookie = "cookieinfo=" + container + ";" + expires + ";domain=.MY_SITE_ADRRESS;path=/";
               elem.setAttribute("style","display:none;");
		
		}else{
			console.log("Know more...:"+container)
			window.open("https://www.google.com/about/company/user-consent-policy-help.html");
		}
	
	} 
	
	function getCookie(cname) { //Return of variable saved in browser database
		var name = cname + "=";
		var ca = document.cookie.split(';');
			for(var i = 0; i < ca.length; i++) {
			var c = ca[i];
				while (c.charAt(0) == ' ') {
				c = c.substring(1);
				}
					if (c.indexOf(name) == 0) {
					return c.substring(name.length, c.length);
			}
		}
		return "";
	}


CSS part
.cookie{
color:white;
font-size:15px;


border-left: 10px solid red;
border-right: 10px solid red;
background-color: black;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;

position:fixed;
bottom:0px;
z-index:9999;
}


.ok{
color:white;
font-size:20px;
width:70px; 

border-left: 10px solid red;
border-right: 1px solid red;
border-top: 1px solid red;
border-bottom: 1px solid red;


background-color: black;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;


}

.mais{
color:white;
font-size:20px;
width:150px; 

border-left: 10px solid red;
border-right: 1px solid red;
border-top: 1px solid red;
border-bottom: 1px solid red;


background-color: black;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;


}

Postagens mais visitadas deste blog

Parceiros

Instalar Tool for Zello


Powered with


Parceiros



Tranparência


Contatos



© 2017 - 2019 Allanksr [ TFZ ]
Todos os direitos reservados