JQuery + Cookie

cyrious · #1 (**permalink**) 18.01.2012, 23:49

Hallo zusammen,

ich habe mittels ui-dialog und einfachen Fade-in divs eine Art interaktives Hilfesystem für eine Website gebastelt. Jetzt suche ich eine Lösung dem Besucher diese JQuery-Elemente am Start der Seite anzubieten, oder abwählen zu lassen. Ich dachte hier an einen Cookie. Hat damit jemand bereits Erfahrungen mit einer solchen Situation gemacht? Die Seite ist leider nur teilweise dynamisch (ajax). Daher die Idee mit den Cookies... Also um es auf den Punkt zu bringen. Wie schreibe ich eine solche Abfrage in einen Cookie und generiere aus dem Wert eine neue Klasse um die Divs zu verbergen? Freue mich auf eure Erfahrungen!!

abstractizm · #2 (**permalink**) 26.01.2012, 15:26

Hier gibt es ein jQuery Plugin, das Dir die Arbeit mit dem Cookie erleichtert.
https://github.com/carhartl/jquery-cookie

PHP-Code:


			
var meinCookieWert = $.cookie('cookieName');

if(meinCookieWert == null) {
  // das Cookie gibt es nicht, schreibe etwas rein
  $.cookie('cookieName', 'wert');
} else {
  // das Cookie ist vorhanden, arbeiten mit dem Wert meinCookieWert
  // zB: $('#faq1').css('display',meinCookieWert);
}

Ich habe den Ansatz jetzt so aus dem Kopf rausgeschrieben und ihn nicht getestet. Sicherlich gibt es noch einiges an Optimierungsmöglichkeiten. Es sollte ja lediglich einen Schritt in die Richtung darstellen.

Liebe Grüße,
abs

Da man in der Regel in eine Cookie nur einen Eintrag mit einer Zuweisung schreibt, gestaltet sich die Verwaltung von mehreren Einträgen und Werten etwas trickreich. Anhand eines Trenner müsste man die Werte beim Lesen und Schreiben erst auseinander setzen.

Beispiel von mehreren Einträgen in einem Cookie:

Code:

faq1=show|faq2=hide|faq3=hide|...

Hier gibt es aber eine passende Alternative zum Cookie, aus der Html5 Ecke. WebStorage ist einfach und genau das was Du brauchst für den Verwaltung von temporären Daten.

WebStorage W3C.

Hier eine sehr gute Anleitung.

Und hier nochmals eine einfache Demo

Um auf Deine Anforderung zurück zu kommen, Du schreibst eine Funktion, die Du bei jedem Aufruf von Anzeigen / Verstecken benutzt.

PHP-Code:


			
function speichern() {
  // Angenommen Du hast 10 FAQ Blöcke
  for(i=1;i<=10;i++){
    // Status von dem FAQ Block auslesen
    status = $('#faq'+i).css('display');
    // Status von dem FAQ Block eintragen
    localStorage.setItem("faq"+i, status);
  }
}

Beim Aufruf der Deiner FAQ Seite benötigst Du dann diese Werte wieder.

PHP-Code:


			
function faqAnzeigen(){
  // Angenommen Du hast 10 FAQ Blöcke
  for(i=1;i<=10;i++){
    // Status von dem localStorage lesen
    statusAnzeige = localStorage.getItem("faq"+i, status);
    // Block wie den ausgelesenen Status anzeigen
    if(){
      $('#faq'+i).css('display',statusAnzeige);
    }
  }
}

Ich habe das jetzt nicht getestet, sollte lediglich einen Schritt in die Richtig zeigen.

Liebe Grüße,
abs

Maxefix · #3 (**permalink**) 26.01.2012, 15:52

Zitat:

Zitat von abstractizm

Da man in der Regel in eine Cookie nur einen Eintrag mit einer Zuweisung schreibt, gestaltet sich die Verwaltung von mehreren Einträgen und Werten etwas trickreich. Anhand eines Trenner müsste man die Werte beim Lesen und Schreiben erst auseinander setzen.

Dafür bietet sich JSON an. Pipes könnten ja auch mal innerhalb eines abzuspeichernden Wertes vorkommen.

JSON.parse() und JSON.stringify() helfen da weiter.

Gruß,
Max

PS: Man sollte es natürlich nicht übertreiben. Die Größe eines Cookies ist begrenzt und Bandbreite geht auch verloren, da der Browser das Cookie bei jedem Request mitschickt. Bei höheren Datenmengen sollte man sich also wirklich nach einer Alternative umschauen (localStorage etc.).

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem bei Cookie setzen mit Jquery	ha-bauer	Javascript & Ajax	0	19.11.2011 15:23
jQuery Toggle und Cookie	Nub	Javascript & Ajax	0	25.04.2010 16:26
jquery cookie plugin, expiration time?	sepp88	Javascript & Ajax	5	16.03.2010 19:31
Cookie lesen, zu kompliziert!	cavebird	Serveradministration und serverseitige Scripte	14	01.12.2009 12:25
SESSION / COOKIE - Konflikte	poppihasi	Serveradministration und serverseitige Scripte	1	23.12.2007 13:29