tag:blogger.com,1999:blog-6170125458717784512.post3466677214363908320..comments2023-09-07T11:18:34.872-04:00Comments on Ranting and Dreaming ...: jQuery UI Sortable with TABLEJohannes Setiabudihttp://www.blogger.com/profile/14347781769200608947noreply@blogger.comBlogger32125tag:blogger.com,1999:blog-6170125458717784512.post-41036917204998800002014-07-08T00:50:50.201-04:002014-07-08T00:50:50.201-04:00Very nice.... Thank uu..!!!!!!Very nice.... Thank uu..!!!!!!Kulwinder Sandalnoreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-92105283505731967132013-04-16T15:19:52.688-04:002013-04-16T15:19:52.688-04:00Very good, helped me a lot.Very good, helped me a lot.Silvio Fernandeshttps://www.blogger.com/profile/00204777680548543196noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-27757217092837653272013-04-16T15:19:08.950-04:002013-04-16T15:19:08.950-04:00Very good!Very good!Silvio Fernandeshttps://www.blogger.com/profile/00204777680548543196noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-49061335762439863462012-10-18T13:01:31.493-04:002012-10-18T13:01:31.493-04:00David -
If you already have a method to handle t...David - <br /><br />If you already have a method to handle the sortable event, you can add/edit the cookie inside it. <br /><br />Here is a crude example:<br />$(function() {<br /> $("#subsortsortable tbody.content").sortable({<br /> handle: ".levelonehandle",<br /> create: function (event, ui) {<br /> var co = document.cookie.split(';Johannes Setiabudihttps://www.blogger.com/profile/14347781769200608947noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-4328483318622141392012-10-18T07:34:41.008-04:002012-10-18T07:34:41.008-04:00This works pretty good, but now, i need to safe it...This works pretty good, but now, i need to safe it in a cookie, can you tell me how it works? ThanksDavidhttps://www.blogger.com/profile/07158004626236113129noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-32855379317660304022012-04-19T04:29:21.577-04:002012-04-19T04:29:21.577-04:00Thank you, this saved me a lot time and hassle :)Thank you, this saved me a lot time and hassle :)Villehttp://www.villekoo.comnoreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-45102907815535868122012-01-11T08:22:03.221-05:002012-01-11T08:22:03.221-05:00great post.
i forgot the underscode (_) in the ID-...great post.<br />i forgot the underscode (_) in the ID-attribute, so the serialize()-method just responsed with a undefined values.<br /><br />now everythingworkds fine :-)<br />ThanksAndyhttp://www.catmoney.denoreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-25805663391750259342011-11-07T12:01:35.527-05:002011-11-07T12:01:35.527-05:00Nice post! Works great!Nice post! Works great!R. Nursehttps://www.blogger.com/profile/09266422362131048345noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-37263364819770807282011-03-25T11:47:52.514-04:002011-03-25T11:47:52.514-04:00@Tom - upgrading your jQuery UI to the latest (min...@Tom - upgrading your jQuery UI to the latest (mine is using 1.8.11) should fix the IE9 problem.Johannes Setiabudihttps://www.blogger.com/profile/14347781769200608947noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-81231894564919809702011-03-25T11:20:34.947-04:002011-03-25T11:20:34.947-04:00@Tom - I am working on a solution. As a work aroun...@Tom - I am working on a solution. As a work around, you can use this metatag within your "head" element:<br /><br />meta http-equiv="x-ua-compatible" content="IE=8" <br /><br />to force render it using IE8 compatibility mode.Johannes Setiabudihttps://www.blogger.com/profile/14347781769200608947noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-69604356749519841302011-03-25T11:11:32.058-04:002011-03-25T11:11:32.058-04:00doing this on a table worked like a charm, until I...doing this on a table worked like a charm, until IE9 came ...Unknownhttps://www.blogger.com/profile/13545524560752993903noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-7406098537766511422010-12-29T02:31:45.413-05:002010-12-29T02:31:45.413-05:00thats great!!!
thank youthats great!!!<br /><br />thank youشايان داورزنيhttps://www.blogger.com/profile/15682920583815342280noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-60850230415436020402010-10-05T09:15:36.288-04:002010-10-05T09:15:36.288-04:00@Johan The serialize is giving empty string becaus...@Johan The serialize is giving empty string because I did not put any ids in the sortable elements. Here is a quote from jquery's website about serialize method for sortable: If serialize returns an empty string, make sure the id attributes include an underscore. They must be in the form: "set_number" For example, a 3 element list with id attributes foo_1, foo_5, foo_2 will Johannes Setiabudihttps://www.blogger.com/profile/14347781769200608947noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-76355986841336519852010-10-05T04:29:28.462-04:002010-10-05T04:29:28.462-04:00Nice example, i got it working too. However, the S...Nice example, i got it working too. However, the Serialize function returns an empty list. When I use a simple ul / li list it works fine.Johan van der Kuijlnoreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-64959721913673259002010-08-02T08:22:46.160-04:002010-08-02T08:22:46.160-04:00@anonymous I am not sure I understand what you are...@anonymous I am not sure I understand what you are saying/asking. Let me ask to clarify: you want to sort TDs within a TR or within a whole TABLE?Johannes Setiabudihttps://www.blogger.com/profile/14347781769200608947noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-37506074566662484682010-08-02T02:16:28.584-04:002010-08-02T02:16:28.584-04:00Joe, I want to sort td's within a table of 2 X...Joe, I want to sort td's within a table of 2 X 2 layout. Your example sorts sort, how td's can be sorted.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-67474692298921433442010-07-07T11:00:13.421-04:002010-07-07T11:00:13.421-04:00@Grant: Are you sure that you put "serialize&...@Grant: Are you sure that you put "serialize" instead of "serialise"?Johannes Setiabudihttps://www.blogger.com/profile/14347781769200608947noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-30001374659983554632010-07-07T10:38:26.291-04:002010-07-07T10:38:26.291-04:00Not sure if I'm doing something wrong, but whe...Not sure if I'm doing something wrong, but when I use a table like this, when I call .sortable('serialise') I get an empty string returned even when each tr has an id of the form "set_id".Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-10746035892445799212010-05-28T06:04:10.278-04:002010-05-28T06:04:10.278-04:00Hello
I would like to point that if you want more ...Hello<br />I would like to point that if you want more nesting (WORKS WITH UL! IE7/8) levels you just need to define unique LI handler for every UL you nest that fixes IE7/8 issue with braking while drag.ShachMaThttps://www.blogger.com/profile/04882061904380537398noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-53289196793052555552010-04-09T09:16:24.459-04:002010-04-09T09:16:24.459-04:00@coolboy thanks! In my experience IE7 does have so...@coolboy thanks! In my experience IE7 does have some quirks. You can work around this by adding a "handler".<br /><br />I will update my post with this.Johannes Setiabudihttps://www.blogger.com/profile/14347781769200608947noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-49211511526322770482010-04-09T04:38:58.230-04:002010-04-09T04:38:58.230-04:00Great post.
Having some problems with IE7. When yo...Great post.<br />Having some problems with IE7. When you drag a row down the target y-coordinates gets way off.<br />:(<br /><br />This only happens when using sortable in a table. Not when I'm using it with UL/LI.<br /><br />Verified this on your, and some other guy's, demo-page.Unknownhttps://www.blogger.com/profile/09146767481655294043noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-8101150517341954242010-03-10T06:58:20.109-05:002010-03-10T06:58:20.109-05:00thanks you very much... :Dthanks you very much... :Ddoxotronhttps://www.blogger.com/profile/00090062145723307664noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-54765178005560050192010-02-11T15:11:39.390-05:002010-02-11T15:11:39.390-05:00@Sergey: lots of trial and error.@Sergey: lots of trial and error.Johannes Setiabudihttps://www.blogger.com/profile/14347781769200608947noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-11297145134240917872010-02-11T15:08:03.960-05:002010-02-11T15:08:03.960-05:00Thank You very much!!! :) Where did You get this s...Thank You very much!!! :) Where did You get this solution?Sergei Udalovhttps://www.blogger.com/profile/11352226742054122358noreply@blogger.comtag:blogger.com,1999:blog-6170125458717784512.post-37638843065398569012010-01-23T08:40:28.257-05:002010-01-23T08:40:28.257-05:00I have tried this with several TDs, it works prett...I have tried this with several TDs, it works pretty well for me, in IE, FF, Chrome. <br /><br />Here is an example with 2 TDs - http://setiabud.googlepages.com/sortableSubTable_2.htmJohannes Setiabudihttps://www.blogger.com/profile/14347781769200608947noreply@blogger.com