Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- design:snippets [19.09.2015 14:43] – Manuela v.d.Decken
+++ design:snippets [21.09.2015 12:13] (aktuell) – Manuela v.d.Decken
@@ Zeile 26: / Zeile 26: @@
 Da hier ein JScript aufgerufen wird, sollte man das natürlich auch noch in den /js/ Ordner des Templates packen.
 <file java CookieNotice.min.js>
-/** CookieNotice.js
+/** CookieNotice.min.js
  copyright: Manuela v.d.Decken <manuela@isteam.de>
  author:    Manuela v.d.Decken <manuela@isteam.de>
  license:   http://www.gnu.org/licenses/gpl.html   GPL License
- version:   0.0.1 */function CookieNotice(e){var o=7,t=this;this.Box=document.getElementById(e),this.hideNotice=function(e){e=e||window.event;var i=e.target||e.srcElement;"CookieNoticeClose"==i.id&&(t.Box.style.display="none",t.setCookie("CookieNoticeVisible","none",o),e.stopPropagation?e.stopPropagation():e.cancelBubble=!0)},this.setCookie=function(e,o,t){var i=new Date;i.setTime(i.getTime()+864e5*t);var n="expires="+i.toGMTString();document.cookie=e+"="+o+"; "+n},this.getCookie=function(e){for(var o=e+"=",t=document.cookie.split(";"),i=0;i<t.length;i++){for(var n=t[i];" "==n.charAt(0);)n=n.substring(1);if(0===n.indexOf(o))return n.substring(o.length,n.length)}return""},this.start=function(){var e=t.getCookie("CookieNoticeVisible");"none"!=e&&(t.Box.style.display="block")},this.Box.onclick=t.hideNotice,this.start()}new CookieNotice("CookieNotice");
+ version:   0.0.1 */function CookieNotice(e){var o=7,t=this;this.Box=document.getElementById(e),this.hideNotice=function(e){e=e||window.event;var i=e.target||e.srcElement;"CookieNoticeClose"==i.id&&(t.Box.style.display="none",t.setCookie("CookieNoticeVisible","none",o),e.stopPropagation?e.stopPropagation():e.cancelBubble=!0)},this.setCookie=function(e,o,t){var i=new Date;i.setTime(i.getTime()+864e5*t);var n="expires="+i.toGMTString();document.cookie=e+"="+o+";path=/; "+n},this.getCookie=function(e){for(var o=e+"=",t=document.cookie.split(";"),i=0;i<t.length;i++){for(var n=t[i];" "==n.charAt(0);)n=n.substring(1);if(0===n.indexOf(o))return n.substring(o.length,n.length)}return""},this.start=function(){var e=t.getCookie("CookieNoticeVisible");"none"!=e&&(t.Box.style.display="block")},this.Box.onclick=t.hideNotice,this.start()}new CookieNotice("CookieNotice");
 </file>
 Gut, das ist jetzt natürlich hervorragend lesbar. Deshalb hier der Code noch einmal, jedoch in Klartext:
@@ Zeile 52: / Zeile 52: @@
 /** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  *
- * CookieNotice
+ * CookieNotice.js
  *
  * @category     Template
@@ Zeile 89: / Zeile 89: @@
             d.setTime(d.getTime() + (exdays*86400000));
             var expires = "expires=" + d.toGMTString();
-            document.cookie = cname+"="+cvalue+"; "+expires;
+            document.cookie = cname+"="+cvalue+"; path=/; "+expires;
         };
@@ Zeile 118: / Zeile 118: @@
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
     new CookieNotice('CookieNotice');
+</file>
+Jetzt fehlt nur noch die Optik. Dazu wird die nachfolgende CSS-Datei einfach als letztes CSS im **<head>** eingebunden.
+<file css CookieNotice.css>
+/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ *
+ * CookieNotice.css
+ *
+ * @category     Template
+ * @copyright    Manuela v.d.Decken <manuela@isteam.de>
+ * @author       Manuela v.d.Decken <manuela@isteam.de>
+ * @license      http://www.gnu.org/licenses/gpl.html   GPL License
+ * @version      0.0.1
+ * @lastmodified 19.09.2015
+ * @since        File available since 04.07.2015
+ * @description  switch off the cookie notice for n days
+    (by default after 7 days the cookie will be removed again)
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+    format the cookie notice
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+#CookieNotice {
+    box-sizing: border-box;
+    position: fixed;
+    left: 0; top: 0; right: 0; bottom: 0;
+    padding: 15px;
+    background-color: rgba(120, 120, 120, 0.6);
+    display: none;
+    z-index: 9999;
+}
+#CookieNoticeBar {
+    position: relative;
+    top: 30%;
+    background-color: rgba(244,239,195,0.8);
+    text-align: center;
+    color: #777;
+    font-size: 0.9em;
+    padding: 6px 4px;
+    border-radius: 6px;
+    border: solid 1px red;
+}
+#CookieNoticeClose {
+    float:right;
+    background: #ff0000;
+    color: #ffffff;
+    font-weight: bold;
+    width: 1.525em;
+    cursor: pointer;
+    border-radius: 4px;
+}
+#CookieNoticeInfo {}
+/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 </file>
+??? ..nächste Frage
+!!! ..nächste Antwort

WebsiteBaker Documentation

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Unterschiede

Seiten-Werkzeuge