jQuery: Spielerliste - Elemente hinzufügen und entfernen

[koma05]

hallo.
finde keinen so richtigen ansatz und benötige ein wenig starthilfe...
es geht um die aufstellung bei fußballspielen.
habe eine "leere liste" und eine gefüllte liste mit spielernamen.

wenn man nun auf ein element (spieler) der gefüllten liste klickt, so soll dieses element in die (noch) "leere liste" verschoben werden.

zusatz: man soll auch die möglichkeit haben, spieler aus der gefüllten "leeren liste" löschen können - d.h. der spieler wird wieder in die andere liste verschoben.

kann man das auch irgendwie mit drag&drop realisieren? wenn ja, gibt es ne demoseite...

ich hoffe, ich hab mich einigermasen verständlich ausgedrückt

kann mir einer auf die sprünge helfen - danke

edit: aller anfang ist schwer: http://jsfiddle.net/MT9ct/

 

[Duddle]

AW: jQuery: Spielerliste - Elemente hinzufügen und entfernen

jQuery hat unter anderem auch ein UI Zusatzpaket, welches auch Funktionalität für Drag&Drop anbietet: http://jqueryui.com/demos/draggable/
Dort kannst du dir aus den Demos etwas zusammenfitzeln.

Oder du schaust einfach mal hier


Duddle

 

[SineTempore]

AW: jQuery: Spielerliste - Elemente hinzufügen und entfernen

nicht besonders elegant, funktioniert aber
http://jsfiddle.net/qybNG/

 

[koma05]

AW: jQuery: Spielerliste - Elemente hinzufügen und entfernen

genau... nun noch ausbauen... und zum schluss grafisch anpassen

 

[koma05]

AW: jQuery: Spielerliste - Elemente hinzufügen und entfernen

@sinetempore: du hast

.click(function(){

geändert in

.live('click', function(){

was ist an "live" so besonders? da ja .click auch auf einen klick wartet und dann los macht...

 

[SineTempore]

AW: jQuery: Spielerliste - Elemente hinzufügen und entfernen

guckst du hier: http://api.jquery.com/live/

Edit: Ahh ich seh gerade, dass .live() deprecated ist. Also besser mit .on() arbeiten. Frag mich aber nicht was der Unterschied ist

 

[fexx]

AW: jQuery: Spielerliste - Elemente hinzufügen und entfernen

 

[ak56Lk]

AW: jQuery: Spielerliste - Elemente hinzufügen und entfernen

entweder: http://jqueryui.com/demos/sortable/#connect-lists
oder: http://jqueryui.com/demos/sortable/#connect-lists-through-tabs

 

[koma05]

AW: jQuery: Spielerliste - Elemente hinzufügen und entfernen

danke für eure antworten!!

Edit: Ahh ich seh gerade, dass .live() deprecated ist. Also besser mit .on() arbeiten. Frag mich aber nicht was der Unterschied ist

probiert. aber mit on kommt es zu fehlern! mit live funzt alles wunderbar!