Cookie-Hinweis
Mustertext für den Cookie-Hinweis
Indem Sie diesen Hinweis schliessen oder mit dem Besuch der Seite fortfahren, akzeptieren Sie die Verwendung von Cookies. Weitere Informationen dazu finden Sie unter Datenschutz.
Datenschutz FHNW
Inhaltlich richtige und aktuelle Informationen sind der Fachhochschule Nordwestschweiz wichtig. Es ist deshalb möglich, dass Inhalte unserer Website ganz oder teilweise geändert, gelöscht oder (zeitweise) nicht mehr veröffentlicht werden. Eine ausführliche Dokumentation finden Sie in folgendem Link: Datenschutz FHNW
Cookie-Banner
Indem Sie diesen Hinweis schliessen oder mit dem Besuch der Seite fortfahren, akzeptieren Sie die Verwendung von Cookies. Weitere Informationen dazu finden Sie unter Datenschutz.
1
2 // Cookiebanner
3
4 <!-- START Bootstrap-Cookie-Alert -->
5 <div class="alert alert-secondary cookiealert" role="alert" aria-label="Datenschutz und Cookies" aria-hidden="false">
6 <div class="container">
7 <div class="row">
8 <div class="col-10">
9 <p>Indem Sie diesen Hinweis schliessen oder mit dem Besuch der Seite fortfahren, akzeptieren Sie die
10 Verwendung von Cookies. Weitere Informationen dazu finden Sie unter
11 <a href="https://www.fhnw.ch/de/impressum/datenschutz" target="_blank">Datenschutz</a>.
12 </p>
13 </div>
14 <div class="col-2 mt-3">
15 <button type="button" class="btn btn-secondary btn-sm acceptcookies float-right pl-3 pr-3"
16 aria-label="Schliessen">
17 Ok
18 </button>
19 </div>
20 </div>
21 </div>
22 </div>
23 <!-- END Bootstrap-Cookie-Alert -->
24Code copied to clipboard
1
2 // Cookiebanner
3
4 <!-- START Bootstrap-Cookie-Alert -->
5 <div class="alert alert-secondary cookiealert" role="alert" aria-label="Datenschutz und Cookies" aria-hidden="false">
6 <div class="container">
7 <div class="row">
8 <div class="col-10">
9 <p>Indem Sie diesen Hinweis schliessen oder mit dem Besuch der Seite fortfahren, akzeptieren Sie die
10 Verwendung von Cookies. Weitere Informationen dazu finden Sie unter
11 <a href="https://www.fhnw.ch/de/impressum/datenschutz" target="_blank">Datenschutz</a>.
12 </p>
13 </div>
14 <div class="col-2 mt-3">
15 <button type="button" class="btn btn-secondary btn-sm acceptcookies float-right pl-3 pr-3"
16 aria-label="Schliessen">
17 Ok
18 </button>
19 </div>
20 </div>
21 </div>
22 </div>
23 <!-- END Bootstrap-Cookie-Alert -->
241
2 // COOKIE CONSENT
3 (function () {
4 'use strict';
5
6 var cDomain = '.fhnw.ch'; // change this to your domain, if your page is not a fhnw.ch subdomain
7 var hostname = window.location.hostname;
8 var cookieName = 'cookieconsent';
9 var cookieAlert = document.querySelector('.cookiealert');
10 var acceptCookies = document.querySelector('.acceptcookies');
11
12 if (hostname !== cDomain) {
13 cDomain = hostname;
14 } else {
15 cDomain = 'localhost';
16 }
17
18 if (!cookieAlert) {
19 return;
20 }
21
22 cookieAlert.offsetHeight;
23
24 if (!getCookie(cookieName)) {
25 cookieAlert.classList.add('show');
26 } else {
27 $('.cookiealert').attr('aria-hidden', true);
28 }
29
30 acceptCookies.addEventListener('click', function () {
31 setCookie(cookieName, true, cDomain);
32 cookieAlert.classList.remove('show');
33 window.dispatchEvent(new Event('acceptCookies'));
34 });
35
36 function setCookie(cname, cvalue, exdays) {
37 var d = new Date();
38 d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
39 var expires = 'expires=' + d.toUTCString();
40 document.cookie =
41 cname + '=' + cvalue + ';' + expires + ';path=/;domain=' + cDomain;
42 }
43
44 function getCookie(cname) {
45 var name = cname + '=';
46 var decodedCookie = document.cookie;
47 var ca = decodedCookie.split(';');
48 for (var i = 0; i < ca.length; i++) {
49 var c = ca[i];
50 while (c.charAt(0) === ' ') {
51 c = c.substring(1);
52 }
53 if (c.indexOf(name) === 0) {
54 return c.substring(name.length, c.length);
55 }
56 }
57 return '';
58 }
59 })();
60 Code copied to clipboard
1
2 // COOKIE CONSENT
3 (function () {
4 'use strict';
5
6 var cDomain = '.fhnw.ch'; // change this to your domain, if your page is not a fhnw.ch subdomain
7 var hostname = window.location.hostname;
8 var cookieName = 'cookieconsent';
9 var cookieAlert = document.querySelector('.cookiealert');
10 var acceptCookies = document.querySelector('.acceptcookies');
11
12 if (hostname !== cDomain) {
13 cDomain = hostname;
14 } else {
15 cDomain = 'localhost';
16 }
17
18 if (!cookieAlert) {
19 return;
20 }
21
22 cookieAlert.offsetHeight;
23
24 if (!getCookie(cookieName)) {
25 cookieAlert.classList.add('show');
26 } else {
27 $('.cookiealert').attr('aria-hidden', true);
28 }
29
30 acceptCookies.addEventListener('click', function () {
31 setCookie(cookieName, true, cDomain);
32 cookieAlert.classList.remove('show');
33 window.dispatchEvent(new Event('acceptCookies'));
34 });
35
36 function setCookie(cname, cvalue, exdays) {
37 var d = new Date();
38 d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
39 var expires = 'expires=' + d.toUTCString();
40 document.cookie =
41 cname + '=' + cvalue + ';' + expires + ';path=/;domain=' + cDomain;
42 }
43
44 function getCookie(cname) {
45 var name = cname + '=';
46 var decodedCookie = document.cookie;
47 var ca = decodedCookie.split(';');
48 for (var i = 0; i < ca.length; i++) {
49 var c = ca[i];
50 while (c.charAt(0) === ' ') {
51 c = c.substring(1);
52 }
53 if (c.indexOf(name) === 0) {
54 return c.substring(name.length, c.length);
55 }
56 }
57 return '';
58 }
59 })();
60 1
2 // Cookiebanner
3 .cookiealert {
4 position: fixed;
5 bottom: 0;
6 left: 0;
7 width: 100%;
8 margin: 0 !important;
9 z-index: 999;
10 opacity: 0;
11 transform: translateY(100%);
12 transition: all 500ms ease-in-out;
13 border-top: 1px solid #3c3c3c;
14
15 p {
16 color: $white;
17
18 a {
19 color: $white;
20 text-decoration: underline;
21
22 &:hover {
23 color: $white;
24 opacity: 1;
25 }
26 }
27 }
28
29 &.show {
30 opacity: 1;
31 transform: translateY(0%);
32 transition-delay: 1000ms;
33 }
34 }
35Code copied to clipboard
1
2 // Cookiebanner
3 .cookiealert {
4 position: fixed;
5 bottom: 0;
6 left: 0;
7 width: 100%;
8 margin: 0 !important;
9 z-index: 999;
10 opacity: 0;
11 transform: translateY(100%);
12 transition: all 500ms ease-in-out;
13 border-top: 1px solid #3c3c3c;
14
15 p {
16 color: $white;
17
18 a {
19 color: $white;
20 text-decoration: underline;
21
22 &:hover {
23 color: $white;
24 opacity: 1;
25 }
26 }
27 }
28
29 &.show {
30 opacity: 1;
31 transform: translateY(0%);
32 transition-delay: 1000ms;
33 }
34 }
35Indem Sie diesen Hinweis schliessen oder mit dem Besuch der Seite fortfahren, akzeptieren Sie die Verwendung von Cookies. Weitere Informationen dazu finden Sie unter Datenschutz.