Sortowanie listy - drag'n'drop Opcje

[Balon]

Skorzystałem wczoraj z biblioteki http://interface.eyecon.ro/ - plugin do jQuery. Oferuje on możliwość sortowania za pomocą metody drag&drop.

Przykład działania można zobaczyć tutaj: http://interface.eyecon.ro/demos/sort.html

Użyłem to w projekcie do modyfikowania kolejności w menu. Jednak byłoby bez sensu gdyby użytkownik ustawił sobie kolejność według uznania. A po odświeżeniu zmieniła by się na domyślną.

Pytanie jest następujące: jak po odświeżeniu strony odtworzyć ustawienie bloków w menu ?

Drugi problem mam również z tą biblioteką. Kiedy element jest przeciągany to traci on styl. Każdy blok zawiera u mnie listy. Są one odpowiednia sformatowane (chociażby display: inline; dla <li>). Po podniesieniu elementu np. <li> nie jest już inline. Styl listy zmienia się z żadnego na ten kropkowany. Wielkość h3 zmienia się na inną. Itd...

Dlaczego tak się dzieje?

Proszę o odpowiedz na moje pytania (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

pozdrawiam !

[gekon]

Pierwsze: musisz to zapisać po stronie serwera
Drugie: nie wiem, nie znam się, zarobiony jestem.

[Balon]

Panie Gekonie, odkryłeś amerykę (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) To akurat wiem. Jak potem to ODCZYTAĆ i ułożyć bloki w odpowiedniej kolejności ?

Dodam, że nie są one zapisywane w bazie. Czysty html, z wczytywanymi zmiennymi ze SMARTYego (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[gekon]

Pozwolę sobie nie zrozumieć. Wydaje mi się, że powinny mieć jakiś atrybut określający ich pozycję. Jeżeli czegoś takiego nie ma, to jak chcesz to je posortować? A jeżeli jest, to wystarczy PRZEPISAĆ atrybuty: w najgorszym przypadku wszystkim elementom, a optymalnie tylko tym, których pozycja się zmieniła.

[Balon]

hm tak. ale jeśli w kodzie mam.

[HTML] pobierz, plaintext 
<div class="menu">
  <div>Menu1</div>
  <div>Menu2</div>
  <div>Menu3</div>
</div>
[HTML] pobierz, plaintext 

a użytkownik zmieni to na

[HTML] pobierz, plaintext 
<div class="menu">
  <div>Menu3</div>
  <div>Menu1</div>
  <div>Menu2</div>
</div>
[HTML] pobierz, plaintext 

To teraz wykonuje jeszcze raz stronę to nie zmiana pliku html nie ma sensu. więc w jaki sposób mam zmienić kolejność bloków menu?

Myślałem żeby po odswieżeniu wykonać javascripta który odpowiednia pozmienia kolejność bloków (przydzielę im odpowiednie ID) jednak nie wiem jak to zrobić.

Wydawaję mi się że jest prostszy sposób, myślę że ktoś z Was wie jak to zreobic (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Prosze o pomoc,
pozdrawiam

[gekon]

Lekcja pierwsza: Semantyka.

Nie:

[HTML] pobierz, plaintext 
<div class="menu">
<div>Menu1</div>
<div>Menu2</div>
<div>Menu3</div>
</div>
[HTML] pobierz, plaintext 

Tylko:

[HTML] pobierz, plaintext 
<ul id="menu">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
</ul>
[HTML] pobierz, plaintext 

Lekcja druga: Czytanie ze zrozumieniem.

Wcześniej pisałem o tym, że każdy element powinien mieć jakiś atrybut określający jego pozycję. Jeżeli chcesz żeby to było trwałe MUSISZ to zapisać po stronie serwera, np. w bazie z ustawieniami użytkownika. Potem wyświetlać według zapisanej kolejności.

[Balon]

[HTML] pobierz, plaintext 
<div id="colOne" class="groupWrapper">
<div id="box_tags" class="boxed">
  <h3 class="itemHandler">Tags</h3>
  <div class="tags">
    {foreach key=key item=item from=$TAG_CLOUD}
    <a href="tag/{$key}/" style="font-size: {$item}px;">{$key}</a>
    {/foreach}
  </div>
</div>
<div id="box_link1" class="boxed">
  <h3 class="itemHandler">Lorem ipsum dolor</h3>
  <ul>
    <li class="first"><a href="#">Sed accumsan congue</a></li>
    <li><a href="#">Nulla dignissim nec augue</a></li>
    <li><a href="#">Nunc ante elit nulla</a></li>
    <li><a href="#">Aliquam suscipit consequat</a></li>
    <li><a href="#">Cursus sed arcu sed</a></li>
    <li><a href="#">Nulla dignissim nec augue</a></li>
  </ul>
</div>
<div id="box_link2" class="boxed">
  <h3 class="itemHandler">Mauris cras libero</h3>
  <ul>
    <li class="first"><a href="#">Sed accumsan congue</a></li>
    <li><a href="#">Nulla dignissim nec augue</a></li>
    <li><a href="#">Nunc ante elit nulla</a></li>
    <li><a href="#">Aliquam suscipit consequat</a></li>
    <li><a href="#">Cursus sed arcu sed</a></li>
    <li><a href="#">Nulla dignissim nec augue</a></li>
  </ul>
</div>
</div>
[HTML] pobierz, plaintext 

Pokazuje CI w tym momencie fragment mojego pliku *.tpl. Załóżmy, że zapisuje kolejność w pliku cookie. Teraz przy ładowaniu strony chcę załadować kolejność z ciastka. No i jak teraz to zrobić?

Jak dla mnie zostaje tylko ustalanie kolejności po stronie przeglądarki. Ale jak?