[JavaScript] Przeciąganie i upuszczanie Opcje

[Mefiuu]

Witam. Mam pewien problem. Piszę sobie aplikację, w której wykorzystuję jQuery UI Draggable, Droppable. Cały zarys ma się tak:

z lewej strony mam tabelkę z imionami i nazwiskami ludzi, np.

[HTML] pobierz, plaintext 
<table class='people1'>
	<thead>
		<tr>
			<td>No.</td>
			<td>Pozycja</td>
			<td colspan='2'>Dane</td>
		</tr>
	</thead>
		<tr class='aa1'>
                        <td class='number' id='322' info='Cyryl<br />Wysocki<br />S'>1</td>
                        <td class='position'>szef</td><td class='name'>Cyryl Wysocki</td>
                </tr>
                <tr class='aa2'>
                        <td class='number' id='318' info='Karol<br />Kaczmarczyk<br />R'>2</td>
                        <td class='position'>pracownik</td><td class='name'>Karol Kaczmarczyk</td>
                </tr>
</table>
[HTML] pobierz, plaintext 

obok tego mam małą planszę, w której po pobraniu danych z bazy umieszczam ludzi. Wygląda to tak:

[HTML] pobierz, plaintext 
<table class="people2">
	<tr>
                <td class="bb1"><div><span class="people-drag" name="Cyryl Wysocki">Cyryl<br />Wysocki<br />szef</span></div></td>
	        <td class="bb2"><div><span class="people-drag" name="Karol Kaczmarczyk">Karol<br />Kaczmarczyk<br />pracownik</span></div></td>
	</tr>
</table>
[HTML] pobierz, plaintext 

(ludzi jest więcej, dałem dwóch tylko pokazowo)

Przenoszenie między zawodnikami oraz z listy po lewej na miejsce po prawej fajnie mi działa, jednak chcę sobie zrobić coś takiego, że jeśli zamienię PO PRAWEJ STRONIE, na planszy Cyryla na miejsce Karola to żeby ta zmiana pokazała mi się na liście. Skrobnąłem taki oto kod:

[JAVASCRIPT] pobierz, plaintext 
function change_line_up() {
 
	var o_list = new Array();  // stara lista z lewej
	var n_list = new Array(); // plansza z prawej, na tej podstawie będzie nowa lista
 
        o_list[1] = $('table.people1 tbody tr.aa1 td.name').text(); // pobiera mi "Cyryl Wysocki"
	o_list[2] = $('table.people1 tbody tr.aa2 td.name').text(); // pobiera mi "Karol Kaczmarczyk"
 
	n_list[1] = $('table.people2 tbody tr td.bb1 div.ui-droppable span.people-drag').attr('name'); // pobiera mi "Karol Kaczmarczyk"
	n_list[2] = $('table.people2 tbody tr td.bb2 div.ui-droppable span.people-drag').attr('name'); // pobiera mi "Cyryl Wysocki"
 
	for(i=1; i<3; i++) {
		if(o_list[i] != n_list[i]) {
			if (i == 1) {
				$('table.people1 tbody tr.aa1 td.name').html(n_list[i]);
			} 
			else if (i == 2) {
				$('table.people1 tbody tr.aa2 td.name').html(n_list[i]);
			} 
		}
	}
 
}
[JAVASCRIPT] pobierz, plaintext 

no i rodzi się mały problem, bo o ile niektórych ludzi mi przenosi i zmienia pola w liście o tyle innych mi nie aktualizuje na liście (na planszy zamieniają się miejscami). Funkcję wywołuję podczas upuszczania elementu na pole droppable. Pewnie tu leży gdzieś logiczny problem, jednak jeśli sprawdzam sobie tak:

[JAVASCRIPT] pobierz, plaintext 
for(i=1; i<3; i++) {
	if(o_list[i] != n_list[i]) {
		alert("różnica jest na " + o_list[i]);
	}
}
[JAVASCRIPT] pobierz, plaintext 

to po dowolnej zmianie zawodników wyskakuje mi ten komunikat. Na chwilę obecną mam na planszy i liście 6 ludzi. Jeśli zamienię ludzi z pozycji 1 i pozycji 2 to oni się ładnie zamieniają i aktualizują w tabeli (to samo działa w drugą stronę). Jeśli zamienię 2 z 5 to również działa fajnie. Ale jeśli zamieniam już 3 z 4 to nic się nie dzieje na liście. Jeśli zamienię 1 z 6 to aktualizuje się mi tylko pole na liście pod numerem 1 (czyli mam dwóch takich samych ludzi na liście).

Mam nadzieję że dobrze to zobrazowałem. Myślałem że może ma to związek z polskimi znakami diakrytycznymi, jednak chyba nie, bo ludzie 'z ogonkami' w nazwiskach zmieniają się ładnie, a już bez 'ogonków' zmieniają się tylko na planszy.

W czym może tutaj tkwić problem ? Proszę o porady i pomoc.

@edit. poprawa bbcode.

Ten post edytował Mefiuu 25.06.2013, 12:07:04

[ber32]

Witam. Prawdopodobnie źle deklarujesz

[HTML] pobierz, plaintext 
n_list[1] = $('table.people2 tbody tr td.bb1 div.ui-droppable span.people-drag').attr('name'); // pobiera mi "Karol Kaczmarczyk"
n_list[2] = $('table.people2 tbody tr td.bb2 div.ui-droppable span.people-drag').attr('name'); // pobiera mi "Cyryl Wysocki"
 
n_list[1] = $('table.people2 tbody tr td.bb1 div.ui-droppable span.people-drag').attr('class', 'name');
[HTML] pobierz, plaintext 

[Mefiuu]

kompletnie nie rozumiem tego rozwiązania, mógłbyś dokładniej ? Spróbowałem to co podałeś ale to nie działa już wybitnie.

[--miki--]

Zobacz jak twoje wybitnie działa

Przynajmniej nie obrażaj innych

[Mefiuu]

miki, kimkolwiek jesteś, a Tobie co się stało ? Dajesz jakiś kod, nie wiadomo o co Ci chodzi i jeszcze mnie oskarżasz o obrażanie innych ... Powiedz mi co było niestosownego w mojej wypowiedzi ? A jeśli nie było nic to dlaczego tak reagujesz ?