Tabelle "Sortable" machen mit Scriptaculous - AJAX (Asynchronous JavaScripting and XML) Forum

CRaSH3k · 09.06.2008, 11:37

Hallo,

ich habe eine Frage zur "Sortable"-Funktion von Scriptaculous:

Ich möchte damit gerne eine Tabelle sortieren. Allerdings nur, wenn
man in den ersten TD-Tag klickt. Wenn ein MouseDown in den anderen
TD-Tags erkannt wird, soll nichts verschoben werden.

Um meine Frage zu veranschaulichen folgendes Beispiel:

HTML-Code:

<html>
<script type="text/javascript" src="scriptaculous-js-1.8.1/lib/prototype.js"></script>
<script type="text/javascript" src="scriptaculous-js-1.8.1/src/scriptaculous.js"></script>
<body>
<table style="width: 150px">
<tr>
	<th>Var1</th>
	<th>Var2</th>
	<th>Var3</th>
</tr>
<tbody id="table1">
<tr id="row_01">
	<td>var1-1</td>
	<td>var1-2</td>
	<td>var1-3</td>
</tr>
<tr id="row_02">
	<td>var2-1</td>
	<td>var2-2</td>
	<td>var2-3</td>
</tr>
<tr id="row_03">
	<td>var3-1</td>
	<td>var3-2</td>
	<td>var3-3</td>
</tr>
</tbody>
</table>
<script>
Sortable.create('table1',
	{tag:'tr', containment:["table1"]});
</script>
</body>
</html>

In diesem Beispiel sollte Drag&Drop also passieren, wenn ein
MouseDown in der Spalte "var1-1", "var2-1" oder "var3-1" ausgelöst wird.
Nicht aber in den übrigen Spalten!

Gruß,
CRaSH3k

*ich* · 11.06.2008, 15:40

Vielleicht hilft das ja:
Table Drag and Drop JQuery plugin | Isocra

CRaSH3k · 11.06.2008, 20:06

Hi,

vielen Dank!
Ich hatte ohnehin das jQeury-Framework mit eingebunden.
Habe mir das Plugin so umgeschrieben, dass es nur bei bestimmten
TDs greift.
Jetzt kann ich sogar ganz auf Scriptaculous verzichten.

Danke nochmal!!!

Gruß,
CRaSH3k

09.06.2008, 11:37	#1 (permalink)
CRaSH3k Neuer Benutzer Registriert seit: 09.06.2008 Beiträge: 2	Tabelle "Sortable" machen mit Scriptaculous Hallo, ich habe eine Frage zur "Sortable"-Funktion von Scriptaculous: Ich möchte damit gerne eine Tabelle sortieren. Allerdings nur, wenn man in den ersten TD-Tag klickt. Wenn ein MouseDown in den anderen TD-Tags erkannt wird, soll nichts verschoben werden. Um meine Frage zu veranschaulichen folgendes Beispiel: HTML-Code: <html> <script type="text/javascript" src="scriptaculous-js-1.8.1/lib/prototype.js"></script> <script type="text/javascript" src="scriptaculous-js-1.8.1/src/scriptaculous.js"></script> <body> <table style="width: 150px"> <tr> <th>Var1</th> <th>Var2</th> <th>Var3</th> </tr> <tbody id="table1"> <tr id="row_01"> <td>var1-1</td> <td>var1-2</td> <td>var1-3</td> </tr> <tr id="row_02"> <td>var2-1</td> <td>var2-2</td> <td>var2-3</td> </tr> <tr id="row_03"> <td>var3-1</td> <td>var3-2</td> <td>var3-3</td> </tr> </tbody> </table> <script> Sortable.create('table1', {tag:'tr', containment:["table1"]}); </script> </body> </html> In diesem Beispiel sollte Drag&Drop also passieren, wenn ein MouseDown in der Spalte "var1-1", "var2-1" oder "var3-1" ausgelöst wird. Nicht aber in den übrigen Spalten! Gruß, CRaSH3k

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seltsam! "&" funktioniert - "&" nicht!	RollingStones	JavaScript	2	22.01.2008 16:43
"script.aculo.us" sortable Problem	Ringo	JavaScript	7	16.01.2008 15:54
"Ladebalken", "Progress-Anzeigen" usw. Sammlung	cinhcet	Allgemein	3	05.06.2007 12:21
HTML: Text in Tabelle mit "..." verkürzen	DaRolla	Sonstige Probleme	1	12.02.2007 13:29
Div mit scriptaculous nach "Befüllen" aus- und ein	halla	JavaScript	3	29.11.2006 11:08

11.06.2008, 15:40	#2 (permalink)
ich Neuer Benutzer Registriert seit: 06.05.2008 Beiträge: 6	Vielleicht hilft das ja: Table Drag and Drop JQuery plugin \| Isocra

11.06.2008, 20:06	#3 (permalink)
CRaSH3k Neuer Benutzer Registriert seit: 09.06.2008 Beiträge: 2	Hi, vielen Dank! Ich hatte ohnehin das jQeury-Framework mit eingebunden. Habe mir das Plugin so umgeschrieben, dass es nur bei bestimmten TDs greift. Jetzt kann ich sogar ganz auf Scriptaculous verzichten. Danke nochmal!!! Gruß, CRaSH3k

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen