jquery Programming Glossary: sortable2
How do I move an item to an empty list using jquery? http://stackoverflow.com/questions/2336285/how-do-i-move-an-item-to-an-empty-list-using-jquery seems to work. Any ideas style type text css #sortable1 #sortable2 list style type none margin 0 padding 0 float left margin right.. 0 padding 0 float left margin right 10px #sortable1 li #sortable2 li margin 0 5px 5px 5px padding 5px font size 1.2em width 120px.. style script type text javascript function #sortable1 #sortable2 .sortable connectWith '.connectedSortable' .disableSelection..
jQuery Connected Sortable Lists, Save Order to MySQL http://stackoverflow.com/questions/2509801/jquery-connected-sortable-lists-save-order-to-mysql below I want to pass say... sortable1 entry_1 0 entry_5 1 sortable2 entry_3 0 entry_2 1 entry_4 2 EDIT This ended up doing the trick.. ol jQuery script type text javascript function #sortable1 #sortable2 .sortable connectWith '.connectedSortable' update function.. data sort1 #sortable1 .sortable 'serialize' sort2 #sortable2 .sortable 'serialize' success function html '.success' .fadeIn..
jQuery Sortable .toArray with ASP.NET MVC ActionResult http://stackoverflow.com/questions/2527658/jquery-sortable-toarray-with-asp-net-mvc-actionresult Item 4 li li class ui state default Item 5 li ul ul id sortable2 class connectedSortable ul And ASP.NET MVC ActionResult.. AcceptVerbs.. items return null Activated by JavaScript... #sortable1 #sortable2 .sortable connectWith '.connectedSortable' dropOnEmpty true..
JQuery sortable lists and fixed/locked items http://stackoverflow.com/questions/4299241/jquery-sortable-lists-and-fixed-locked-items li grapes li li class static pears li li mango li ul ul id sortable2 li bananas li li foo asd oranges li li foo dsa apples li li.. function #sortable1 .fixedsortable fixed .static #sortable2 .fixedsortable fixed li foo .css background red #sortable3..
jQuery UI: Only allow sortable within its own parent level, and not above or below http://stackoverflow.com/questions/4892435/jquery-ui-only-allow-sortable-within-its-own-parent-level-and-not-above-or-bel now I can move Number 1 between Number 2.1 and Number 2.2 .sortable2 .sortable2 ul .sortable opacity 0.5 stop function i .ajax .. Number 1 between Number 2.1 and Number 2.2 .sortable2 .sortable2 ul .sortable opacity 0.5 stop function i .ajax type GET url.. i .ajax type GET url data this .sortable serialize .sortable2 .selectable .sortable2 .disableSelection '.sortable2' .bind..
How do I move an item to an empty list using jquery? http://stackoverflow.com/questions/2336285/how-do-i-move-an-item-to-an-empty-list-using-jquery to the margin padding and line height of the ul but nothing seems to work. Any ideas style type text css #sortable1 #sortable2 list style type none margin 0 padding 0 float left margin right 10px #sortable1 li #sortable2 li margin 0 5px 5px 5px padding.. text css #sortable1 #sortable2 list style type none margin 0 padding 0 float left margin right 10px #sortable1 li #sortable2 li margin 0 5px 5px 5px padding 5px font size 1.2em width 120px style script type text javascript function #sortable1 #sortable2.. li margin 0 5px 5px 5px padding 5px font size 1.2em width 120px style script type text javascript function #sortable1 #sortable2 .sortable connectWith '.connectedSortable' .disableSelection script ul id sortable1 class connectedSortable li class ui..
jQuery Connected Sortable Lists, Save Order to MySQL http://stackoverflow.com/questions/2509801/jquery-connected-sortable-lists-save-order-to-mysql script. Any insight would be much appreciated. If you look below I want to pass say... sortable1 entry_1 0 entry_5 1 sortable2 entry_3 0 entry_2 1 entry_4 2 EDIT This ended up doing the trick HTML ol id sortable1 li id entry_#### blah li ol jQuery.. the trick HTML ol id sortable1 li id entry_#### blah li ol jQuery script type text javascript function #sortable1 #sortable2 .sortable connectWith '.connectedSortable' update function .ajax type POST url phpscript data sort1 #sortable1 .sortable.. update function .ajax type POST url phpscript data sort1 #sortable1 .sortable 'serialize' sort2 #sortable2 .sortable 'serialize' success function html '.success' .fadeIn 500 '.success' .fadeOut 500 .disableSelection This..
jQuery Sortable .toArray with ASP.NET MVC ActionResult http://stackoverflow.com/questions/2527658/jquery-sortable-toarray-with-asp-net-mvc-actionresult li class ui state default Item 3 li li class ui state default Item 4 li li class ui state default Item 5 li ul ul id sortable2 class connectedSortable ul And ASP.NET MVC ActionResult.. AcceptVerbs HttpVerbs.Post public ActionResult Insert string items.. AcceptVerbs HttpVerbs.Post public ActionResult Insert string items return null Activated by JavaScript... #sortable1 #sortable2 .sortable connectWith '.connectedSortable' dropOnEmpty true receive function var items this .sortable 'toArray' alert..
JQuery sortable lists and fixed/locked items http://stackoverflow.com/questions/4299241/jquery-sortable-lists-and-fixed-locked-items li li class static apples li li bananas li li pineapples li li grapes li li class static pears li li mango li ul ul id sortable2 li bananas li li foo asd oranges li li foo dsa apples li li pineapples li li grapes li li pears li li mango li ul ul id.. li pineapples li li grapes li li pears li li mango li ul Javascript function #sortable1 .fixedsortable fixed .static #sortable2 .fixedsortable fixed li foo .css background red #sortable3 .fixedsortable fixed 2 Notes If you insist to use the .sortable..
jQuery UI: Only allow sortable within its own parent level, and not above or below http://stackoverflow.com/questions/4892435/jquery-ui-only-allow-sortable-within-its-own-parent-level-and-not-above-or-bel li's from mixing BELOW it's level. For example right now I can move Number 1 between Number 2.1 and Number 2.2 .sortable2 .sortable2 ul .sortable opacity 0.5 stop function i .ajax type GET url data this .sortable serialize .sortable2 .selectable.. from mixing BELOW it's level. For example right now I can move Number 1 between Number 2.1 and Number 2.2 .sortable2 .sortable2 ul .sortable opacity 0.5 stop function i .ajax type GET url data this .sortable serialize .sortable2 .selectable .sortable2.. .sortable2 .sortable2 ul .sortable opacity 0.5 stop function i .ajax type GET url data this .sortable serialize .sortable2 .selectable .sortable2 .disableSelection '.sortable2' .bind 'mousedown' function e e.stopPropagation Here is the ul li structure..
|