• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Checkbox vom Browser "speichern" lassen

shitt ... funkt immer noch net .. kann ich irgendwie es so machen, dass wenn die Seite angesteuert wird die Seite guckt was für ein Browser benutzt wird und dass wenn IE oder so benutzt werden das diese einfach eine andere Seite aufmacht wo steht das der browser nicht kompatiebel ist ?
v.l irgendwie mit einem Meta tag wie bei ner weiterleitung ....
 
Werbung:
kannst du vieleicht mal ein Link geben dann können wir mal kucken was da genau nicht richtig läuft.
Sieht dein Javascript jetzt so aus?
Code:
 <script>
    var elem = document.querySelector('#cookies');

   var cookiesCheck=function(){
      localStorage.setItem('consented', 'yes');
      elem.parentNode.removeChild(elem);
    };

    if (localStorage.getItem('consented')) {
      elem.parentNode.removeChild(elem);
    }
  </script>

oder teste es mal so.
du entfernst das onclick aus den HTML und dann so

Code:
<script>
 var elem = document.querySelector('#cookies');
document.getElementById('CookieCheck').addEventListener('click',function(){
      localStorage.setItem('consented', 'yes');
      elem.parentNode.removeChild(elem);
});
if (localStorage.getItem('consented')) {
      elem.parentNode.removeChild(elem);
}
</script>
 
Zuletzt bearbeitet:
....Leider geht es immer noch nicht mit den Beiden ...... Wie meinst du das mit dem Link ?Screenshot (27).png
Hier wenn ich auf den "Link" geckickt habe also index.html (36,3)
Screenshot (29).png
Es entstehen natürich auch Errors wenn ich auf die Checkbox klicke
 
Zuletzt bearbeitet:
Werbung:
Der IE hat ja sch... Browser Tools.Damit kann man ja gar nix anfangen.

Beim IE läuft das so bei mir
Code:
<div id="cookies">
  <div id="CookiesCheck">
    <div id="Cookieanimation">
      <div class="Cookiebackfenster"></div>
      <div class="Cookiefenster">
        <p class="CookieHeader">Cookies Hmmm... Lecker!</p>
        <ol class="cookiemenu">
          <strong><a href="Impressum.html">Impressum</a></strong>
          <div class="CookiesideHidden"><input type="checkbox" id="CookieCheck" onclick="cookiesCheck()">Zur Kenntnis
            Genommen
          </div>
        </ol>
        <div class="Cookies">
          <img src="img/Cookies.jpg" alt="Cookie Bild">
        </div>
      </div>
    </div>
  </div>
</div>
</body>
<script>
var elem = document.getElementById('cookies');
var cookiesCheck =function(){
    localStorage.setItem('consented', 'yes');
    elem.parentNode.removeChild(elem);
};
if (localStorage.getItem('consented')) {
    elem.parentNode.removeChild(elem);
}
</script>

Beim Edge habe ich kein Plan den Browser habe ich nicht
 
Was heist den jooooaaaaaa ?
Bei welchen Browser geht es noch nicht ?
Der Edge?
Kannst du da mal kucken ob du irgendwelche Nachrichten in der Console stehen hast ( alle Nachrichten .nicht nur Errors ).
Bei Warnungen steht ab und zu auch mal ein wichtiger Hinweiße der ein sagen was da los ist .
 
Werbung:
Nein leider liegt es nicht daran habe eine Testseite die aufs nötigste beschnitten ist also css und html nix weiter b.z nur für diesen Cookie Banner ..... Trozdem danke ;)
 
Zuletzt bearbeitet:
dann zeig uns doch mal deine Testseite.
Falls das nicht geht erstelle bei Codepen eine Testseite mit deinen ganzen Code der Testseite.
"$ is not defined" bedeutet ja eigentlich das Jquery nicht richtig geladen wird.
Vieleicht schmeißt ein anderes Script ein Fehler ,bevor das Jquery eingebunden ist, dann könnte es sein das Jquery auch nicht mehr geladen wird.

Ohne Testseite ,oder ohne deinen ganzen Code zu kennen kommt man hier wohl nicht weiter.
Da es wohl in IE und Edge zu laufen scheint muß der Fehler irgendwo in deinen Code liegen.
Hast du Browser Addons die auf der Seite zugreifen ?
Schalte die mal aus die könnten auch stören
 
Werbung:
localStorage funktioniert nicht wenn Du die Datei lokal öffnest. Du musst sie über einen Webserver öffnen.
 
Werbung:
Zurück
Oben