Testwebsite: http://www.onsroerdalen.nl/23092013/
Locations of files:
/23092013/templates/gk_creativity/layouts/default.php
/23092013/templates/gk_creativity/js/cookielaw.js
/23092013/templates/gk_creativity/css/override.css
Used code
default.php (in <head> section):
- Code: Select all
<script type="text/javascript" src="http://www.onsroerdalen.nl/23092013/templates/gk_creativity/js/cookielaw.js"></script>
<p id="gk-cookie-law">
<span class="gk-cookie-law"> Deze website maakt gebruik van cookies. Door deze website te gebruiken gaat u hiermee akkoord. Meer informatie vindt u hier: <a href="http://www.onsroerdalen.nl/cookies.html"> Wat zijn cookies?</a> </span>
<a class="gk-cookie-law-close" href="#close">×</a>
</p>
cookielaw.js:
- Code: Select all
// Cookie Law
window.addEvent('domready', function() {
if(document.getElement('#gk-cookie-law')) {
document.getElement('#gk-cookie-law').getElements('a').each(function(el) {
el.addEvent('click', function(e) {
// stop propagation and prevent default action
e.stop();
// for both links
if(e.target.getProperty('href') == '#close') {
Cookie.write('gk-cookie-law', '1', { duration: 365, path: '/' });
document.getElement('#gk-cookie-law').dispose();
} else {
Cookie.write('gk-cookie-law', '1', { duration: 365, path: '/' });
window.location.href = e.target.getProperty('href')
}
});
});
}
});
override.css:
- Code: Select all
#gk-cookie-law {
background: none repeat scroll 0 0 #E55E48;
bottom: 0;
color: #FFFFFF;
font: 400 16px Arial,sans-serif;
min-height: 36px;
left: 0;
position: fixed;
text-align: center;
width: 100%;
z-index: 10001;}
#gk-cookie-law span {
display: inline-block;
max-width: 90%;
margin: 10px 0 0 0}
a.gk-cookie-law-close {
background: none repeat scroll 0 0 #C33C26;
color: #FFFFFF;
display: block;
float: right;
font-size: 30px;
font-weight: bold;
height: 36px;
line-height: 36px;
text-decoration: none;
width: 52px;}
a.gk-cookie-law-close:hover {
background: none repeat scroll 0 0 #3C3C3C !important;}
Problems:
Banner doesn't close by clicking the X.
No cookie is set bij js.
We use (as in your quick install) two templates Creativity frontpage (onepage suffix) and Creativity Subpages.
Can you please help us to make the cookie banner work? We can't find the problem. Thanks!
