Cookiebar hidden
Ik ben bezig om een cookiebar te maken voor op websites. Het is een project gewoon voor de prett. Helaas ben ik momenteel bij een probleem gekomen. Zodra je de cookiebar namelijk sluit zou hij als je de pagina opnieuw bezoekt de cookiebar niet moeten tonen. Momenteel doet hij dit wel.
Hieronder mij code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Test</title>
<link rel="stylesheet" href="general.css" type="text/css">
<script type="text/javascript">
function setCookie(naam, waarde, exdays) {
var verloop = new Date();
verloop.setDate(verloop.getDate() + exdays);
var value = escape(waarde) + ((exdays==null) ? "" : "; expires="+verloop.toUTCString());
document.cookie = naam + "=" + value;
}
function getCookie(naam) {
var i,x,y,ARRcookies=document.cookie.split(";");
for(i=0;i<ARRcookies.length;i++) {
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if(x==naam) {
return unescape(y);
}
}
}
function close() {
document.getElementById('cookie').style.visibility = 'hidden';
setCookie("koekje_test", "waar_koekje", 100);
}
if(cookieget == "waar_koekje") {
document.getElementById('cookie').style.visibility = 'none';
}
</script>
</head>
<body>
<div id="header">
<div id="brand">
Merk
</div>
<div id="nav">
<ul>
<li><div class="active">Home</div></li>
<li>Test</li>
<li>Test</li>
</ul>
</div>
</div>
<div id="cookie">
Cookiebar <a href="javascript:close()" id="cookie_close" style="float: right; display: block;">Χ</a>
</div>
<div class="container border-sides">
Container
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Test</title>
<link rel="stylesheet" href="general.css" type="text/css">
<script type="text/javascript">
function setCookie(naam, waarde, exdays) {
var verloop = new Date();
verloop.setDate(verloop.getDate() + exdays);
var value = escape(waarde) + ((exdays==null) ? "" : "; expires="+verloop.toUTCString());
document.cookie = naam + "=" + value;
}
function getCookie(naam) {
var i,x,y,ARRcookies=document.cookie.split(";");
for(i=0;i<ARRcookies.length;i++) {
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if(x==naam) {
return unescape(y);
}
}
}
function close() {
document.getElementById('cookie').style.visibility = 'hidden';
setCookie("koekje_test", "waar_koekje", 100);
}
if(cookieget == "waar_koekje") {
document.getElementById('cookie').style.visibility = 'none';
}
</script>
</head>
<body>
<div id="header">
<div id="brand">
Merk
</div>
<div id="nav">
<ul>
<li><div class="active">Home</div></li>
<li>Test</li>
<li>Test</li>
</ul>
</div>
</div>
<div id="cookie">
Cookiebar <a href="javascript:close()" id="cookie_close" style="float: right; display: block;">Χ</a>
</div>
<div class="container border-sides">
Container
</div>
</body>
</html>
Even wat informatie de cookiebar is; id="cookie", getCookie pakt de waarde die de cookie heeft, en setCookie doet zoals hij al zegt, de cookie aanmaken. Het probleem zit hem na mijn idee in regel 37 - 39, maar heb het tot nu toe nog niet kunnen vinden. Ik hoop dat jullie het probleem kunnen vinden.
Gewijzigd op 24/05/2013 21:06:37 door Landleven Tips
