Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jQuery toggle + cookies state
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
fate
12.05.2013, 16:53:19
witam na stackoverflow znalazlem skrypt ktory zapisuje cookie by zapamietac ustawionych jquery toggle ktory jest schowany ktory widoczny. Pobawilem sie zeby to zaimplementowac u siebie metoda prób i bledow bo poki co co nieco tylko w php dzialam a z JS to nic jedynie pluginy jquery ale w planach bede sie szkolil.

Potrzebuje pomocy z przerobka jak zobic zeby sutawic stan poczatkowy niektorych divów.. ten kod mam 3 razy wklejony pod rozne id divów i niektore mialy byc odsloniete niektore zasloniete. Teraz od poczatku wszytskie sa schowane, oczywiscie jak sie odsloni t potem ladnie na podstawie ciastka zapamietuje ustawienie. jednak chcialbym aby przy 1 wejsciu narzucic moja propozycje odlonietych/zaslonietych divów.

kolejna sprawa moze mnie ktos podszkoli jak dac efekt rozwijania (funkcja slow? fadie in/out? slide? animate?) gubie sie w tym..
a moze da sie w css?

CODE
<script>
$(document).ready(function () {
$("#switchusers").click(function () {
var closed = $("#users").is(":hidden");
if (closed)
$("#users").show();
else
$("#users").hide();

setCookie("switchusers", closed, 365);
});

var openToggle = getCookie("switchusers");
if (openToggle=="true") {
$("#users").show();
}
else {
$("#users").hide();
}

});

function setCookie(c_name, value, exdays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
document.cookie = c_name + "=" + c_value;
}

function getCookie(c_name) {
var i, x, y, ARRcookies = document.cookie.split(";");
for (i = 0; i < ARRcookies.length; i++) {
x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
x = x.replace(/^\s+|\s+$/g, "");
if (x == c_name) {
return unescape(y);
}
}
}
</script>


dzieki za sugestie lub rozwiazanie

skoro nikt nie wie,
to czy jest mozliwosc zatsowania takiego skryptu ktory by nie przladowywal strony? obecny chyba robi to by zapisac cookie a wyczytalem ze refresh jest konieczny do odczytywania. Myslalem ze jak zrobi sie to w JS to sie uniknie przeladowania..sad.gif
PrinceOfPersia
12.05.2013, 19:29:19
Cytat
witam na stackoverflow znalazlem skrypt ktory zapisuje cookie by zapamietac ustawionych jquery toggle ktory jest schowany ktory widoczny


a może nie bawić się w ciasteczka, tylko użyć localStorage: http://diveintohtml5.info/storage.html ?

Cytat
Like other JavaScript objects, you can treat the localStorage object as an associative array. Instead of using the getItem() and setItem() methods, you can simply use square brackets. For example, this snippet of code:

var foo = localStorage.getItem("bar");
// ...
localStorage.setItem("bar", foo);
…could be rewritten to use square bracket syntax instead:

var foo = localStorage["bar"];
// ...
localStorage["bar"] = foo;

to chyba łatwiejsze w użyciu.

Cytat
a moze da sie w css?

google --> css3 transitions


fate
12.05.2013, 20:32:50
nie robie w html5 sad.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.