Printable View
Sziasztok!
Tud nekem valaki segíteni abban, hogyan kell a honlapokon kötelezően megjelenítendő "cookie' ablakot beállítani? A felületet elkészítettem egy rendben, azaz elfogad gombbal együtt, de nem világos számomra a működése. Jól gondolom, hogy a gomb megnyomására települ a kliens gépén egy cookie, aminek segítségével a következő látogatásnál ez a beúszó ablak már nem jelenik meg?
Köszi előre is!
Jol gondolod. Viszont van rengeteg kesz megoldas, szerintem felesleges sajatot csinalni.Idézet:
Lachazi eredeti hozzászólása
Hát már vergődtem vele két órát, de mindegy. Ha tudsz küldeni egy kész mintát, azt megköszönöm!Idézet:
Geri eredeti hozzászólása
Próbáld ki ezt:
Látják a cookie-d | Webmester Blog
Van hozzá egy elég részletes leírás is.
Köszi, jó lett. Úgy látom, külső tartalmat hív meg a saját oldaláról. Nem jelent ez biztonsági kockázatot arra a weboldalra és a látogatóira nézve, ahová beépítik?Idézet:
Karessz eredeti hozzászólása
Nem, de ha nagyobb biztonságban éreznéd magad tőle, akkor le is tudod tölteni azt a js fájlt és magad is hostolhatod.
Egyszerű, komplett:
Tömörítve:HTML kód:<div style="background-color: rgb(17, 17, 17); z-index: 999999; opacity: 0.75; position: fixed; padding: 15px 0px 5px; width: 100%; left: 0px; font-size: 13px; font-weight: normal; text-align: left; letter-spacing: normal; color: rgb(255, 255, 255); font-family: Arial,sans-serif; box-shadow: 0px 0px 8px rgb(0, 0, 0); bottom: 0px;" id="suti_doboz">
<div style="width: 100%; margin: 0px auto; font-size: 13px; font-weight: normal; text-align: center; color: rgb(255, 255, 255); font-family: Arial,sans-serif; line-height: 18px; letter-spacing: normal;">
<h4 style="background-color: rgb(17, 17, 17); z-index: 999999; padding: 0px 0px 7px; text-align: center; color: rgb(255, 255, 255); font-family: Arial,sans-serif; display: block; font-size: 15px; font-weight: bold; margin: 0px;">HTTP-Cookie használati jogosítvány</h4>
<text style="position: absolute; top: 5px; right: 10px; text-shadow: 0px 0px 2px rgb(0, 0, 0); color: rgb(255, 255, 255);">
<a id="suti_elfogad" onclick="elfogad()" style="cursor:pointer;">Az elfogadáshoz kattints ide!</a>
<a style="cursor:pointer; color:maroon;" onclick="elfogad()" title="Elfogadás azonnal.">✔</a>
</text>
A szolgáltatásaink és a böngészési élmény javításának érdekében http-cookie-kat használunk. Az oldal további használatával kijelenti, hogy megértette és engedélyezi a használatot.<br>
<div style="width: 324px; margin: 0px auto; font-size: 13px; font-weight: normal; text-align: center; font-family: Arial,sans-serif;"></div>
<a href="http://___________.hu" target="_blank" id="tos_link" style="display: block; text-decoration: none; color: gray; float: right; font-size: 70%; padding: 0px 10px 0px 0px;">___________________.hu</a>
</div>
</div>
<script>
function createCookie(name, value) {
var date=new Date();
date.setTime(date.getTime()+(30*24*60*60*1000));
var expires="; expires="+date.toGMTString();
document.cookie=name+"="+value+expires+"; path=/";
}
function getCookie(e) {
var o, u, i, t = document.cookie.split(";");
for (o = 0; o < t.length; o++)
if (u = t[o].substr(0, t[o].indexOf("=")), i = t[o].substr(t[o].indexOf("=") + 1), u = u.replace(/^\s+|\s+$/g, ""), u == e) return unescape(i)
}
</script>
<script>
var Container=document.getElementById("suti_elfogad");
var counter=60;
var newElement=document.createElement("a");
if(counter < 10) {
var counter="0" + counter;
}
newElement.innerHTML='<b id="time" style="cursor: default; color:red;">Automatikus elfogadás: ' + counter + ' mp</b>';
var id;
Container.parentNode.replaceChild(newElement, Container);
id=setInterval(function() {
counter--;
if(counter < 1) {
elfogad();
newElement.parentNode.replaceChild(Container, newElement);
clearInterval(id);
}
else {
var time=counter.toString();
if(time < 10) {
var time="0" + time;
}
newElement.innerHTML='<b id="time" style="cursor: default; color:red;">Automatikus elfogadás: ' + time + ' mp</b>';
}
}, 1000);
function elfogad() {
createCookie("Sutik", "Ok");
document.getElementById('suti_doboz').style.display='none';
}
if(getCookie('Suti')==="Ok") {
document.getElementById('suti_doboz').style.display='none';
}
</script>
Élő működő példa: http://js.do/code/http-cookieHTML kód:<div style="background-color: rgb(17, 17, 17); z-index: 999999; opacity: 0.75; position: fixed; padding: 15px 0px 5px; width: 100%; left: 0px; font-size: 13px; font-weight: normal; text-align: left; letter-spacing: normal; color: rgb(255, 255, 255); font-family: Arial,sans-serif; box-shadow: 0px 0px 8px rgb(0, 0, 0); bottom: 0px;" id="suti_doboz"><div style="width: 100%; margin: 0px auto; font-size: 13px; font-weight: normal; text-align: center; color: rgb(255, 255, 255); font-family: Arial,sans-serif; line-height: 18px; letter-spacing: normal;"><h4 style="background-color: rgb(17, 17, 17); z-index: 999999; padding: 0px 0px 7px; text-align: center; color: rgb(255, 255, 255); font-family: Arial,sans-serif; display: block; font-size: 15px; font-weight: bold; margin: 0px;">HTTP-Cookie használati jogosítvány</h4><text style="position: absolute; top: 5px; right: 10px; text-shadow: 0px 0px 2px rgb(0, 0, 0); color: rgb(255, 255, 255);"><a id="suti_elfogad" onclick="elfogad()" style="cursor:pointer;">Az elfogadáshoz kattints ide!</a><a style="cursor:pointer; color:maroon;" onclick="elfogad()" title="Elfogadás azonnal.">✔</a></text>A szolgáltatásaink és a böngészési élmény javításának érdekében http-cookie-kat használunk. Az oldal további használatával kijelenti, hogy megértette és engedélyezi a használatot.<br><div style="width: 324px; margin: 0px auto; font-size: 13px; font-weight: normal; text-align: center; font-family: Arial,sans-serif;"></div><a href="http://___________.hu" target="_blank" id="tos_link" style="display: block; text-decoration: none; color: gray; float: right; font-size: 70%; padding: 0px 10px 0px 0px;">___________________.hu</a></div></div><script>function createCookie(name, value){var date=new Date();date.setTime(date.getTime()+(30*24*60*60*1000));var expires="; expires="+date.toGMTString();document.cookie=name+"="+value+expires+"; path=/";}function getCookie(e){var o, u, i, t=document.cookie.split(";");for (o=0; o < t.length; o++)if (u=t[o].substr(0, t[o].indexOf("=")), i=t[o].substr(t[o].indexOf("=") + 1), u=u.replace(/^\s+|\s+$/g, ""), u==e) return unescape(i)}</script><script>var Container=document.getElementById("suti_elfogad");var counter=60;var newElement=document.createElement("a");if(counter < 10){var counter="0" + counter;}newElement.innerHTML='<b id="time" style="cursor: default; color:red;">Automatikus elfogadás: ' + counter + ' mp</b>';var id;Container.parentNode.replaceChild(newElement, Container);id=setInterval(function(){counter--;if(counter < 1){elfogad();newElement.parentNode.replaceChild(Container, newElement);clearInterval(id);}else{var time=counter.toString();if(time < 10){var time="0" + time;}newElement.innerHTML='<b id="time" style="cursor: default; color:red;">Automatikus elfogadás: ' + time + ' mp</b>';}}, 1000);function elfogad(){createCookie("Sutik", "Ok");document.getElementById('suti_doboz').style.display='none';}if(getCookie('Suti')==="Ok"){document.getElementById('suti_doboz').style.display='none';}</script>
Remélem segítettem :)