Komentarze do: Sortowalne elementy z zapisem kolejności

Autor: mrblack

mrblack — Wed, 23 Nov 2011 14:28:56 +0000

To samo i ciut więcej robi plugin jQuery nestedSortable (link). Stosuję go u siebie do budowy wielopoziomowych menu. Polecam!

Autor: Elektryk

Elektryk — Wed, 25 Aug 2010 12:21:33 +0000

Da się zrobić: http://jqueryui.com/demos/sortable/#empty-lists
A co artykułu… ciekawy pomysł. Pomyślę.

Autor: Mateusz

Mateusz — Wed, 25 Aug 2010 12:17:39 +0000

Zrób z tych komentarzy osobny artykuł. Mam też pytanie: jak zrobić coś takiego, z sortowaniem i przekładaniem do folderów? Np. miałbym foldery i chciałbym do folderów przekładać, np. produkty w sklepie internetowym. Da się takie coś zrobić?

Proponuję artykuł nt. układanie menu góra / dół w jQuery i zapisem do bazy PHP.

Autor: Wilu

Wilu — Sun, 11 Jul 2010 08:22:46 +0000

Dokładnie, już to wczoraj zauważyłem i działa Dzięki wielkie. Fajny blog i na pewno będę go odwiedzał

Pozdrawiam

Autor: Elektryk

Elektryk — Sat, 10 Jul 2010 20:26:19 +0000

Ojej, głupi błąd, w tym kodzie co psuje zamiast apostrofów daj cudzysłowy

Autor: Wilu

Wilu — Sat, 10 Jul 2010 19:32:42 +0000

Problem z tego co widzę leży w pliku naszkod.js, gdy wywalę ostatnią linię tą: document.getElementById(‘zapamietaj’).value=ks; To elementy się przesuwają, jednak gdy wklejam tak jak podałeś to elementy są nieruchome, Dla pewności jeszcze raz przesyłam kod php i js http://wklej.org/id/362893/ http://wklej.org/id/362894/

Autor: Elektryk

Elektryk — Sat, 10 Jul 2010 18:46:49 +0000

Jeszcze raz: tu masz plik JS: http://wklej.org/id/362881/ a tak ma wyglądać formularz który wyśle dane do pliku php po kliknięciu http://wklej.org/id/362883/ Zrezygnowaliśmy z ajaxu. tak będzie prościej. Teraz wszystko działa tak, że po aktualizacji kolejności skrypt zmienia wartość ukrytego pola formularza a ten formularz (i to pole) jest wysłane po kliknięciu submita.

Autor: Wilu

Wilu — Sat, 10 Jul 2010 18:04:31 +0000

Hmm nie mogę zrozumieć tylko jakim sposobem przekazać do zapytania aktualizujacego w bazie danych które id menu jest edytowane to jest fragment pliku menu.php: http://wklej.to/HCI7 a to naszkod.js: http://wklej.to/TYeu Nie wiem jak skonstruować to że naszkod.js przekazuje do php menu_id oraz nową wartość pozycji

Autor: Elektryk

Elektryk — Sat, 10 Jul 2010 17:16:48 +0000

Nie możesz przesyłać danych POST na adres z informacjami GET.
$.ajax({ url: „administrator.php”, data: „zarzadzaj=menu&zrob=poukladaj&dane=”+ks, type: „POST”});
po za tym zamiast ampersantu miałeś dolara. Ale my się chyba nie zrozumieliśmy. Bo ty chcesz zrobić tak, że użytkownik po ustawieniu elementów musi przeładować stronę by to zapisać? Wtedy jest prościej. Po prostu tworzysz formularz z przyciskiem i ukrytym elementem o danym id np ‘zapamietaj’ i zamiast kodu z ajaxem który Ci kazałem wstawić dajesz:
document.getElementById(‘zapamietaj’).value=ks;
Przy wysłaniu formularza ta informacja też się wyślę.

Autor: Wilu

Wilu — Sat, 10 Jul 2010 13:08:41 +0000

Hmm zrobiłem tak:

plik menu.php

echo ”;
for($i=0;$i<$IleWynikow;$i++)
{
echo '’.$Wynik[$i]['menu_tytul'].”;
}

echo ”;

oraz jeszcze cos takiego, aby sprawdzić czy cokolwiek przekazuje ajax:

$zrob=$_GET['zrob'];

mysql_query(‘SET NAMES utf8′); // A ja nie to zamiast utf8 daje utf-8

if($zrob=”poukladaj”){

echo $_POST['dane'];

}

w pliku naszkod.js zrobiłem coś takiego:

$(„.box”).sortable({
items: ‘.element’,
update: function(event, ui){
//metoda toArray zwraca tablicę z ID kolejnych elementów
var k = $(„.box”).sortable(„toArray”);
//konwertujemy tablicę do pojedynczego ciągu
var ks = k.toString();
$.ajax({ url: „administrator.php?zarzadzaj=menu$zrob=poukladaj”, data: „dane=”+ks, type: „POST”});
}
});

Niestety nic się nie dzieje, poukładam sobie bloki i nic :/