Wie erstelle ich Cookies in JavaScript?

Hi,

das ist meine Aufgabe:

Cookie Consent – Um mit den Datenschutzrichtlinien konform zu sein, soll die Website beim ersten Aufruf eine Cookie Consent Meldung anzeigen, die beim Nutzer erfragt, welche Daten durch die Website gespeichert werden dürfen. Die Daten sind dabei in die Kategorien technisch notwendig und nutzerfreundlich einzuteilen. Der Speicherung technisch notwendiger Daten muss immer zugestimmt werden um die Website nutzen zu können. Der Nutzer kann aber entscheiden, ob er zusätzlich die User Experience steigernde Funktionen nutzen möchte, dazu muss er dann aber der Datenspeicherung zustimmen.

Zu Beginn jeder Webseite der Website ist zu prüfen, ob bereits eine Einverständniserklärung des Nutzers vorliegt, ansonsten ist die Cookie Consent Meldung anzuzeigen.

Die Realisierung der obenstehenden Aufgaben soll mit JavaScript sowie den ergänzenden Frameworks jQuery und jQueryUI erfolgen.

—————

Kann mir jemand weiterhelfen? Vielen lieben Dank im Vorraus!

liebe Grüße

☺️

0 Antworten

Ähnliche Beiträge

Website JavaScript localStorage vs Datenbank?

Wenn ich Informationen eines Nutzers speichern möchte, zum Beispiel in welcher Geschwindigkeit er Videos abspielt, damit der Nutzer es nicht immer wieder neu einstellen muss.

Speicher ich das in der Datenbank für den Nutzer oder im Localstorage/als Cookie?

Und wann sollte man eher was benutzen? (Nicht die Rede von Daten die für die Authentifizierung notwendig sind sondern von Nutzer Anpassungen.)

...zum Beitrag

Was hat uns Cookie Consent jetzt genau gebracht?

Schön artig implementieren "alle" cookie consent und der User wird jezt schön damit genervt.
Aber was hat das gebracht? Man klickt doch eh nur noch auf "annehmen, annehmen, annehmen".
Dass Betreiber Cookies nutzen war auch vorher schon klar. Wer keine tracking Cookies haben will, löscht die halt regelmäßig.

...zum Beitrag

Daten aus MySQL auf Website darstellen?

Ich habe Daten in einer MySQL Datenbank, die ich gerne auf einer Website darstellen möchte, jeweils immer beim Klick auf einen Button (pro Button eine etwas andere Abfrage)

Eine entsprechende Abfrage dafür wird in JavaScript bereits erstellt.

Jetzt müssen die Daten nur noch abgerufen und eingefügt werden. - Nach allem, was ich gelesen habe, soll es sehr umständlich sein, MySQL in JavaScript zu verbinden.

Bisher habe ich probiert, die Abfrage per Cookie in PHP zu übertragen, dort die Daten abzufragen und zu echoen - das ganze mit einem getElementById().innervalue = ..., sodass immer die aktuelle Abfrage im DOM-Element ist, das passiert aber nur beim ersten Mal.

Das Abfragen der Daten in PHP und Zurückgeben an JS hat weder über einen Cookie, noch ein echo funktioniert.

...zum Beitrag

Javascript cookies auslesen?

Hi! Ich habe eine Website programmiert (ein Weihnachtsgeschenk) aber eine Sache funktioniert nicht! Ich kann zwar Cookies schon speichern:

document.cookie = "gift-1; expires=Fri, 24 Dez 2021 13:00:00 UTC; path=/";

aber nicht auslesen!

Wie kann man sie denn auslesen weiß das jemand?

LG Knuffi

PS:

Meine ganze Funktion

function useticket(name) {
    if(navigator.cookieEnabled == false) {
        cookiefalse();
    }
    if(navigator.cookieEnabled == true) {
        document.cookie = "gift-1; expires=Fri, 24 Dez 2021 13:00:00 UTC; path=/";
        winalert("Dein Ticket wurde bearbeitet");
        //var x = document.cookie;
        //winalert(x);
    }
}

...zum Beitrag

Was ist der Sinn als Option (Tracking) Cookies anzunehmen wenn man sie auch ablehnen kann?

Ich schätze mal wahrscheinlich jeder Internetnutzer kennt es von ca. 98% aller Webseiten: Kiloweise Cookiebanner bevor irgendwas funktioniert.. In manchen Fällen lässt sich das auch garnicht umgehen und man muss die Cookies zb. anehmen aber v.a bei den größeren Webseiten gibt es ja meistens die Option nur notwendige Cookies zuzulassen oder sie auch komplett abzulehnen. Wozu gibt es also die Option alle Cookies z.b für Marketingzwecke zu akzeptieren wenn es garnicht erforderlich ist: Oder anders gefragt: Wer macht das freiwillig und welchen Vorteil können diese (technisch nicht notwendigen) Cookies haben? Irgendeinen Grund muss es ja geben, dass es den "alle akzeptieren" Button überhaupt gibt?

Irgend ne Idee?

...zum Beitrag

Website mit live Daten durch PHP / JavaScript?

Hallo! Ich würde gerne Daten, welche sich alle 0.1 Sekunden ändern, auf einer Website anzeigen, die sich selbst aktualisiert und so immer genau den neusten Datensatz anzeigt.

Im Internet habe ich bereits folgendes für HTML gefunden:

<meta http-equiv="refresh" content="0.1">

Dies aktualisiert die Website alle 0.1 Sekunden, dadurch braucht der Browser aber natürlich auch mehr Power, ist generell Langsamer und muss jedes mal die Seite vollständig neu laden. Die Daten sind simpel in einer Textdatei gespeichert, werden mit PHP abgefragt und anschließend mit einem echo-statement an HTML weitergegeben.

Gibt es eine elegantere Möglichkeit, die Daten anzuzeigen, ohne das der Nutzer den Browser selbst aktualisieren und die ganze Seite neu geladen werden muss?

...zum Beitrag

Wie kann ich iframe Cookies speichern?

Hallo zusammen, ich bin neu hier im Forum und hoffe, dass meine Frage / mein Problem hier richtig platziert ist: ich möchte für eine Auftragsarbeit (Insektenschutz-Website) eine Website mit einem iframe der url https://www.neher.de/produkte erstellen.

Zur Erstellung nutze ich bootstrap. Den iframe habe ich in die html eingebunden, es wird auch alles angezeigt und geladen - so weit so gut.

Jetzt ist es aber so, dass auf der eingebundenen neher.de Website Cookies abgefragt werden. Wie schaffe ich es möglichst mit JavaScript diese Cookies zu speichern?

Sonst muss ich ja wenn ich z.B. auf das Produkt "Pendeltür" klicke, wieder die Cookies akzeptieren, obwohl ich das ja schon getan habe - ich hoffe ihr versteht was ich damit meine.

Leider habe ich keine Ahnung von JS - ich hoffe es kann mir hier jemand helfen.

Schon mal vielen Dank dafür - VG Felix

Das ist der html Code:

<!DOCTYPE html><html lang="de">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>Bootstrap demo</title>
    <link rel="stylesheet" href="bootstrap.css" />
    <style> main iframe { width: 100%; height: 65vh; }</style>
  </head>
  <body>
    <main>
      <iframe src="https://www.neher.de/produkte" frameborder="0></iframe>
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
       crossorigin="anonymous"></script>
    </main>
  </body>
</html>

...zum Beitrag

Wie kann ich eine zufällige Weiterleitung auf andere Website vom Cookie-Fenster aus realisieren?

Hallo,

ich wollte bei meiner Website von einem Cookie-Fenster auf eine zufällige Website weiterleiten. Man klickt also auf "Ablehnen" und wird zu einer der von mir angegebenen Websites geleitet. Ich kenne mich mit JavaScript und HTML nicht gut genug aus, um etwas wie das zu machen.

Hier ist das Cookie-Fenster bis jetzt:

<style>
  #mbmcookie {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #D8D8D8;
    padding: 20px;
    font-size: 14px;
    font-family: verdana;
  }

  #mbmcookie a.button {
    cursor: pointer;
    background: #A4A4A4;
    padding: 8px 20px;
    margin-left: 10px;
    border-radius: 5px;
    font-weight: bold;
    float: right;
  }

  #mbmcookie a.button:hover {
    background-color: #aaa;
  }

  #mbmcookie p.cookiemessage {
    display: block;
    padding: 0;
    margin: 0;
  }
</style>
<div id="mbmcookie">
  <a onClick="var d = new Date(); d = new Date(d.getTime() +1000*60*60*24*730);var w = false; w = false; document.cookie = 'mbmcookie=1; expires='+ d.toGMTString() + ';'; document.getElementById('mbmcookie').style.display = 'none';" class="button">Akzeptieren</a>
  <a href="https://www.google.com"onClick="var d = new Date(); d = new Date(d.getTime() +1000*60*60*24*730);var w = true; w = true; document.cookie = 'mbmcookie=1; expires='+ d.toGMTString() + ';'; document.getElementById('mbmcookie').style.display = 'none';" class="button">Ablehnen</a>
  <p class="cookiemessage">Diese Website verwendet Cookies..
</div>
<script>
  var r = 0;
  a = document.cookie;

  while (a != '') {
    while (a.substr(0, 1) == ' ') {
      a = a.substr(1, a.length);
    }

    cn = a.substring(0, a.indexOf('='));

    if (a.indexOf(';') != -1) {
      cw = a.substring(a.indexOf('=') + 1, a.indexOf(';'));
    }
    else {
      cw = a.substr(a.indexOf('=') + 1, a.length);
    }

    if (cn == 'mbmcookie') {
      r = cw;
    }

    i = a.indexOf(';') + 1;

    if (i == 0) {
      i = a.length
    }

    a = a.substring(i, a.length);
  }

  if (r == '1')
    document.getElementById('mbmcookie').style.display = 'none';
</script>

...zum Beitrag

GODaddy Cookies wie sperren?

Ich erstelle aktuelle einen Blog. Als Webhoster nutze ich GoDaddy. Auf meiner Website setzt GoDaddy zwei Cookies zum Speichern anonymer Statistiken:

1. Tccl_visitor

2. Tccl_visit

- der eine für 30 Minuten und der andere für ein Jahr.

Wie kann man diese blockieren, sodass bei Nutzern meiner Seite der Cookie nicht bei ihnen gesetzt wird? Mit den normalen Cookie Bannern klappt dies nicht.

Kennt sich jemand da aus?

...zum Beitrag

JavaScript Cookies chrome?

Hi ich habe mir eine Website erstellt und gehostet.
Auf der Website habe ich jetzt einen Cookie eingebaut der eine den Wert einer Checkbox speichert.
Nun habe ich das ganze getestet und ich Firefox funktioniert das ganze, jedoch im Chrome zeigt es zwar unter den Entwicklereinstellungen die Cookies an aber auf der Website nicht. Und in Safari funktioniert es auch nicht :/

Hatte jemand schon mal das Problem bzw. weis was ich machen kann?

dankeee

...zum Beitrag

Warum gibt es nichts anderes als JavaScript im Browser Frontend?

Es gibt Dart-Flutter, C#-Blazor soweit ich weiß, aber ich nehme an, es ist nur JavaScript unter der Haube.

Ähnlich wie, wenn man React Native Code schreibt, wird es in die native mobile Sprache umgewandelt => Kotlin, Swift etc..

Weil soweit ich weiß, versteht der Browser nichts anderes als HTML, CSS und JavaScript.

Es gibt da nur die V8-Engine / andere JavaScript-Engines.

Aber warum?

Wieso ist es nicht theoretisch möglich, einfach mit einer neuen Sprache die für cross platform entwickelt wurde, einen onclick-Event Listener zu nutzen?

In einer ganz eigenen Engine.

Heißt nicht, das sie JavaScript irgendetwas die nächsten 5 Jahre streitig machen könnte, aber wenn diese Sprache direkt Typisierung unterstützen würde, ohne TypeScript und auch noch für andere Dinge besser geeignet wäre als JavaScript (wurde halt nicht dafür designed, ganz egal ob Electron, Native existiert) wie Desktopanwendungen, Mobil, etc..

PHP nehme ich erst garnicht auf, das macht alleine gar nichts im Frontend, ist eine Backendsprache und alleine sinnlos auf Websites, bis auf bisschen HTML generieren, das auch nur vom Server kommt.

Klar, wenn du ewig lange Weiterleitungen willst, die furchtbar sind und überhaupt nicht interaktive Websites, dich auf Formulare beschränkst, dann kriegst du das auch ohne JavaScript hin, etwas Schreckliches zu programmieren.

Mit WebAssembly kenne ich mich gar nicht aus. Ob da Event Listener, usw. möglich sind. Aber alleine von der Einstiegshürde und Komplexität die ich höre, ist das keine Alternative.

Assembly ist auch keine Alternative zu C++. Dafür gibt es Rust.

...zum Beitrag

Javascript Cookie beim neu laden verhindern?

Hallo,

Wie kann ich verhindern, dass der Cookie beim neu Laden der Seite verhindert wird? Denn immer, wenn ich am Anfang den Namen des Besuchers abfrage, wird dieser nicht nur immer beim neuen betreten der Website gezeigt, sondern auch, wenn man die Seite neu lädt. Wie kann ich das verhindern?

Vielen Dank!

Hier mein Code:

<!DOCTYPE html>


<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    </head>
    <body onload="checkCookie()">
        <input type = "button" onclick = "setCookie('anwender','',-1)" value = "Cookie
        l&ouml;schen">
        <h1>Website Test-Cookie</h1>
        <script>
        function setCookie(cookieName,inhalt,dauer) {
            let datum = new Date();
            datum.setTime(datum.getTime() + (dauer*24*60*60*1000));
            let ablaufdatum = "expires=" + datum.toGMTString();
            document.cookie = cookieName + "=" + inhalt + ";" + ablaufdatum;
        }


        function getCookie(cookieName) {
            cookieName += "=";   
            let decCookie = decodeURIComponent(document.cookie);          
            let arr = decCookie.split(';');
            for(let i = 0; i < arr.length; i++) {
                let inhalt = arr[i];
                while (inhalt.charAt(0) == ' ') {
                    inhalt = inhalt.substring(1);
                }
                if (inhalt.indexOf(cookieName) == 0) {
                    return inhalt.substring(cookieName.length);
                }
            }
            return "";
        }


        function checkCookie() {
            let anwender = getCookie("anwender");
            if (anwender != "") {
                alert("Hallo " + anwender + "!");
                $("h1").hide();
            }
            else {
                anwender = prompt("Geben Sie bitte Ihren Namen ein:");
                $("h1").show();
                if (anwender != "" && anwender != null) {
                    setCookie("anwender", anwender, 180);
                }
            }
        }
        </script>
    </body>
</html>

...zum Beitrag

Java in HTML Programm nutzen?

Ich habe Java gelernt und kenne mich damit relativ gut aus. Meine Frage wäre, ob ich mir jetzt anschauen müsste wie JavaScript funktioniert oder ist es auch möglich auf einer Website die mit HTML geschrieben wurde die Funktionen von Buttons usw. mit Java umzusetzen?

...zum Beitrag

Website-Änderungen werden nicht angezeigt wegen Browser-Cache?

Hallo zusammen,

ich habe folgendes Problem:

Ich hoste meine Website bei Ionos. Dort habe ich meine Codes (HTML, CSS, JavaScript und PHP) im Webspace abgelegt, der mit der Domain verbunden ist.

Nun habe ich an der Website Änderungen vorgenommen und z.B. eine mobile Ansicht implementiert. Ich habe die alten Code-Dateien überschrieben.

Auf der Website werden diese Änderungen aber nicht angezeigt, wenn man die Website vor kurzem bereits besucht hatte, da der Browser-Cache die alten Daten noch gespeichert hat.

Gibt es hier eine Möglichkeit, das zu verhindern und für die Nutzer direkt die neue Version anzeigen zu lassen?

Ich danke für eure Rückmeldungen :)

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen