Okienko z informacją o ciasteczkach cookies (pasek javascript , panel)

//Okienko z informacją o ciasteczkach cookies (pasek javascript , panel)

Okienko z informacją o ciasteczkach cookies (pasek javascript , panel)

2013-04-01T09:36:57+01:00 27 marca, 2013|Categories: Gotowe rozwiązania IT (porady, solucje)|Tags: , |

pasekcookiesSzukając dziś gotowego rozwiązania paska informacyjnego dotyczącego ciasteczek (praktycznie jest obowiązkowy od 22 marca bieżącego roku!) natrafiłem na ciekawy artykuł Bartosza Romanowskiego.

Pasek wyświetla informację o używaniu przez witrynę plików cookies i przycisk do akceptacji informacji. Polecam!

Instrukcję jak wdrożyć taki pasek dostępny na stronie:

[ad#ad-1]

http://webhelp.pl/artykuly/okienko-z-informacja-o-ciasteczkach-cookies/

kod źródłowy:

[php]
function WHCreateCookie(name, value, days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
var expires = "; expires=" + date.toGMTString();
document.cookie = name+"="+value+expires+"; path=/";
}
function WHReadCookie(name) {
var nameEQ = name + "=";
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, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}</pre>
window.onload = WHCheckCookies;

function WHCheckCookies() {
if(WHReadCookie(’cookies_accepted’) != 'T’) {
var message_container = document.createElement(’div’);
message_container.id = 'cookies-message-container’;
var html_code = ’
<div id="cookies-message" style="padding: 10px 0px; font-size: 14px; line-height: 22px; border-bottom: 1px solid #D3D0D0; text-align: center; position: fixed; top: 0px; background-color: #efefef; width: 100%; z-index: 999;">Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. <a href="http://wszystkoociasteczkach.pl" target="_blank">Dowiedz się więcej</a><a id="accept-cookies-checkbox" style="background-color: #00afbf; padding: 5px 10px; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer;" href="javascript:WHCloseCookiesWindow();" name="accept-cookies">Rozumiem</a></div>
’;
message_container.innerHTML = html_code;
document.body.appendChild(message_container);
}
}

function WHCloseCookiesWindow() {
WHCreateCookie(’cookies_accepted’, 'T’, 365);
document.getElementById(’cookies-message-container’).removeChild(document.getElementById(’cookies-message’));
}
[/php]

WERSJA EKSPRESOWA

Wystarczy, że pomiędzy znaczniki <head> i </head> wkleisz na swojej stronie poniższy kod:

<script src=”http://www.vsx.pl/itopcookies.js”></script>

linki:

Przedszkole Gocław

Facebook - komentarze