[JQ] Zapamietanie otwartych zakladek, cookie, ale w jaki sposob? Opcje

[Kostek.88]

Witam, mam taki kod

[HTML] pobierz, plaintext 
<dl id="tabs">
   <dt>tab 1</dt>
   <dd>content 1</dd>
 
   <dt>tab 2</dt>
   <dd>content 1</dd>
 
   <dt>tab 3</dt>
   <dd>
      <dl id="tabs">
         <dt>subtab 1</dt>
         <dd>content</dd>
 
         <dt class="active">subtab 2</dt>
         <dd>content</dd>
 
         <dt>subtab 3</dt>
         <dd>content</dd>
       </dl>
 
   <dt class="active">tab 4</dt>
   <dd>content 1</dd>
 
   <dt>tab 5</dt>
   <dd>content 1</dd>
<dl>
[HTML] pobierz, plaintext 

To jest uproszczony kod, bo w oryginale wystepuje wiecej zagniezdzen. Ale jest ogolnie taka konwencja. Zwrocce uwage na klase active. Jesli dodamy taka klase, to zakladka staje sie zaznaczona, a jej tresc pokazana. Usuwamy klase - wszystko pozamykane. Smiga dobrze.

Ale mam problem: gdy przelacze zakladke i odswieze strone, oczywiscia wszystko wraca do punktu wyjscia. Jedynym rozwiazaniem jest zapamietanie, ktora zakladka ma klase active. Najlepsze rozwiazanie to chyba index, np.

[HTML] pobierz, plaintext 
$('element').live('click', function{
   var index = $(this).index(); // i to zapisac do cookie
});
[HTML] pobierz, plaintext 

Ale... jak potem nadac klase "active" elementowi, ktory zostal zapamietany w cookie jako index? Z tego co widze, indexowanie idzie w glab: tzn.

- tab 1 ma index 0
- tab 2 ma index 1
- tab 3 ma index 2
- tab 4 ma natomiast index 6, bo wewnatrz 3. sa 3 zakladki (indexowane od 3 do 5)

Problem jest jeszcze taki, ze ktoras zakladka moze zostac zamknieta, wtedy obiekt jest NISZCZONY. Nie wchodzi w gre ukrywanie. Zakladki moga byc tez tworzone przez JQ. Wtedy struktura indexow zmienia sie. Jakie proponujecie rozwiazania?

Ten post edytował Kaloryfer 4.11.2011, 11:35:27

[Uriziel01]

No ale chyba czegoś tutaj nie rozumiem, Tworząć drzewo tych zakładek zawsze robisz to w taki sam sposób, rozumiem nie ubywa ci w między czasie żadnych zakładek. W takim razie poprostu zapisz index tego elementu. I nie ma tutaj znaczenia czy ma ona index równy 3,4 czy 67429. Poprostu pokazujesz zakładkę o takim samym indexie jaki masz w ciastku.

[Kostek.88]

Problem jest jeszcze taki, ze ktoras zakladka moze zostac zamknieta, wtedy obiekt jest NISZCZONY

rozumiem nie ubywa ci w między czasie żadnych zakładek

Ja tez czegos tu nie rozumiem... napisalem, ze zakladki moga byc zamykane...

[Uriziel01]

No to jest tym prostsze, każdej ustawiasz unikalne ID i je przekazujesz. Skoro cokolwiek znika w 'międzyczasie' no to nie możesz polegać na indexach. Gdzie przechowujesz nazwy tych zakłądek ? W bazie danych czy statycznie w pliku ? W bazie jest całkiem łatwo bo wystarczy dodać nowe pole ID.

[Kostek.88]

W zasadzie przechowywac BEDE w bazie danych... dobra, to kazda ma ID, a jak technicznie w jQuery nadac odpowiedniej zakladce klase active? Poza tym tutaj bedzie potrzebnych kilka ciastek, bo bedzie troche zagniezdzen, ale OK, to sie zrobi. Ale juz mi sporo rozjasniles, dzieki.

[Uriziel01]

Na przykład tak:

[HTML] pobierz, plaintext 
$('#unikalne_ID').attr('class', "active");
[HTML] pobierz, plaintext 

A najlepiej tak w pętli (kod pisany z palca, pewnie są błędy):

[HTML] pobierz, plaintext 
var aktywne_karty= new Array("12","23","24","37")
 
for ( var i=0; i<aktywne_karty.length; i++ ){
	$('#karta_' + id).attr('class', "active");
}
[HTML] pobierz, plaintext 

Tutaj tylko musisz pamietać o 3 sprawach:
1)Nie każdy musi mieć włączone ciastka w takim przypadku może lepiej trzymać te dane w sesji (nie powinno to obciążyć serwera) lub przynajmniej napisać to tak aby bez ciastek istniała także możliwość użytkowania serwisu.
2)Co do dużej ilości ciastek i zagnieżdzeń, choć nie przepadam za tą metodą to polece ci chyba jednak zrobienie serialize/json na tablicy z tymi numerami ID i zapisanie tego do jednego ciastka, wygląda to dużo lepiej niż dziesiątki pojedyńczych mniejszych ciastek.

Ten post edytował Uriziel01 9.11.2011, 12:55:10

[Kostek.88]

Dzieki wielkie, juz wiem jak dzialac. Nie wiedzialem po prostu, w ktora strone to ugryzc, a okazalo sie prostsze niz myslalem. Jesli chodzi o JSON, to jest to dobry pomysl jak dla mnie

Co do uzytkowania serwisu... ma on dzialac na lokalu na specyficznych komputerach, wiec nie ma mowy o czyms takim, by ktos sobie wylaczyl ciastka, tym bardziej JS Wiec problem mam z glowy. Na przyszlosc jak bede robil cos podobnego, wezme sesje pod uwage.