Comments on: Dragging and dropping table rows in Javascript http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/ Thoughts and tutorials on web design, Java, Javascript and project management Thu, 11 Mar 2010 14:03:41 +0000 http://wordpress.org/?v=2.9 hourly 1 By: westy http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/comment-page-3/#comment-993 westy Thu, 28 Jan 2010 01:50:34 +0000 http://localhost/isocra/newsite/posts/2007/07/01/dragging-and-dropping-table-rows-in-javascript/#comment-993 Is there any way to make a non-drag cell ... similar to what can be done to a whole row with the noDrag=true? Is there any way to make a non-drag cell … similar to what can be done to a whole row with the noDrag=true?

]]> By: CSS Tab Navigation Creation Made Easy | Storm Development Blog http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/comment-page-3/#comment-990 CSS Tab Navigation Creation Made Easy | Storm Development Blog Mon, 25 Jan 2010 19:03:51 +0000 http://localhost/isocra/newsite/posts/2007/07/01/dragging-and-dropping-table-rows-in-javascript/#comment-990 [...] to Isocra for their ultra cool drag-n-drop script and Mark Kahn for his awesome color picker. Tagged in: [...] [...] to Isocra for their ultra cool drag-n-drop script and Mark Kahn for his awesome color picker. Tagged in: [...]

]]> By: alexa'sdad http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/comment-page-3/#comment-989 alexa'sdad Mon, 25 Jan 2010 08:45:00 +0000 http://localhost/isocra/newsite/posts/2007/07/01/dragging-and-dropping-table-rows-in-javascript/#comment-989 Wow this is a great tutorial! bookmarked in my site! :) Wow this is a great tutorial! bookmarked in my site! :)

]]> By: Nilesh Macwan http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/comment-page-3/#comment-979 Nilesh Macwan Tue, 12 Jan 2010 20:51:19 +0000 http://localhost/isocra/newsite/posts/2007/07/01/dragging-and-dropping-table-rows-in-javascript/#comment-979 Can we move Random row?. Can we have multiple row selection and drag and drop functionality? i want to move 1,2,4 to 6 postilion and then order will be 3,5,6,1,2,4 Can we move Random row?. Can we have multiple row selection and drag and drop functionality? i want to move 1,2,4 to 6 postilion and then order will be 3,5,6,1,2,4

]]> By: prasad http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/comment-page-3/#comment-948 prasad Thu, 26 Nov 2009 10:28:50 +0000 http://localhost/isocra/newsite/posts/2007/07/01/dragging-and-dropping-table-rows-in-javascript/#comment-948 good work! I never thought of creating drag and drop in javascript. keep it up! good work! I never thought of creating drag and drop in javascript.

keep it up!

]]> By: Saravanan http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/comment-page-3/#comment-933 Saravanan Mon, 09 Nov 2009 10:15:15 +0000 http://localhost/isocra/newsite/posts/2007/07/01/dragging-and-dropping-table-rows-in-javascript/#comment-933 I have result 1,3,2,5,6,4 . when i render table 1 . I want to show following order 1,3,2,5,6,4. I want rearrange without drag. But table coding 1, 2, 3,4,5,6. Anyone can tel me. I have result 1,3,2,5,6,4 . when i render table 1 . I want to show following order 1,3,2,5,6,4. I want rearrange without drag. But table coding 1, 2, 3,4,5,6. Anyone can tel me.

]]> By: Saravanan http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/comment-page-3/#comment-931 Saravanan Fri, 06 Nov 2009 17:50:33 +0000 http://localhost/isocra/newsite/posts/2007/07/01/dragging-and-dropping-table-rows-in-javascript/#comment-931 i have trying this example which is not working. i have include following files. jquery.js, tablednd.js but which is not working. Please Tel me anyone what are the file include. how to implement this. i have trying this example which is not working. i have include following files. jquery.js, tablednd.js but which is not working. Please Tel me anyone what are the file include. how to implement this.

]]> By: DenisH http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/comment-page-3/#comment-925 DenisH Sun, 25 Oct 2009 13:38:25 +0000 http://localhost/isocra/newsite/posts/2007/07/01/dragging-and-dropping-table-rows-in-javascript/#comment-925 Hi all, Sorry for not being around to reply to comments over the last month, loads of paid-for work keeping me busy! @alain: There are some differences between FF and IE when you drag a row because FF tries to be helpful and remember what you'd selected (you will have noticed that if you go back to a web page with radios and drop downs, quite often FF selects stuff even though it's not [yet] selected in the HTML). So, it might be FF being helpful, it might also be that when I detach the row to re-add it in a different place in the TBODY, then IE is unsetting the state of the radio. Generally I reckon you'd have to write bespoke code to make sure that both browsers behave in the same way. It's beyond the scope of this plug-in to drill down inside the row to see if there are any form elements. Sorry! You can use the events though to capture state and restore it. @mike: I haven't tried changing whole TBODYs. In theory of course it's possible. You might like to look at the non-jQuery raw javascript version which you could tailor to your requirements. @RG/@ > Evil: basically the way that the auto-scroll works is slightly browser-specific. It's possible that there's a bug in this (see source line 233 onwards). In fact there's probably a neater (more robust) jQuery way of doing it? If anyone knows, let me know. I'll try and look at it again in the next day or so. In fact if anyone wants to help update the source and add new features, then please contact me at the obvious email address (this username plus isocra.com) and I'll add you to the Google Code project :-) Hi all,

Sorry for not being around to reply to comments over the last month, loads of paid-for work keeping me busy!

@alain: There are some differences between FF and IE when you drag a row because FF tries to be helpful and remember what you’d selected (you will have noticed that if you go back to a web page with radios and drop downs, quite often FF selects stuff even though it’s not [yet] selected in the HTML). So, it might be FF being helpful, it might also be that when I detach the row to re-add it in a different place in the TBODY, then IE is unsetting the state of the radio. Generally I reckon you’d have to write bespoke code to make sure that both browsers behave in the same way. It’s beyond the scope of this plug-in to drill down inside the row to see if there are any form elements. Sorry! You can use the events though to capture state and restore it.

@mike: I haven’t tried changing whole TBODYs. In theory of course it’s possible. You might like to look at the non-jQuery raw javascript version which you could tailor to your requirements.

@RG/@ > Evil: basically the way that the auto-scroll works is slightly browser-specific. It’s possible that there’s a bug in this (see source line 233 onwards). In fact there’s probably a neater (more robust) jQuery way of doing it? If anyone knows, let me know. I’ll try and look at it again in the next day or so.

In fact if anyone wants to help update the source and add new features, then please contact me at the obvious email address (this username plus isocra.com) and I’ll add you to the Google Code project :-)

]]> By: > Evil E. http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/comment-page-3/#comment-924 > Evil E. Sat, 24 Oct 2009 15:49:48 +0000 http://localhost/isocra/newsite/posts/2007/07/01/dragging-and-dropping-table-rows-in-javascript/#comment-924 @ RG (19 Aug 2009, 13:37 Hrs) : I noticed the exact same thing. But I've noticed that there are 2 situations in which the web browser react differently : (1) you're not moving the mouse pointer whilst auto-scrolling (2) you're moving the mouse pointer left and/or right whilst auto-scrolling In situation (1) IE will auto-scroll the page extremely slow (it seems like an interrupted scroll based on an interval), and in situation (2) IE will scroll the page more fluently... I have a feeling that the slow/interrupted scrolling is caused by the lack of mouse events because of the static mouse cursor position. Maybe DenisH can provide us with an explanation why this occurs ? @ RG (19 Aug 2009, 13:37 Hrs) :

I noticed the exact same thing. But I’ve noticed that there are 2 situations in which the web browser react differently :
(1) you’re not moving the mouse pointer whilst auto-scrolling
(2) you’re moving the mouse pointer left and/or right whilst auto-scrolling

In situation (1) IE will auto-scroll the page extremely slow (it seems like an interrupted scroll based on an interval), and in situation (2) IE will scroll the page more fluently…
I have a feeling that the slow/interrupted scrolling is caused by the lack of mouse events because of the static mouse cursor position. Maybe DenisH can provide us with an explanation why this occurs ?

]]> By: mike http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/comment-page-3/#comment-912 mike Fri, 02 Oct 2009 18:13:05 +0000 http://localhost/isocra/newsite/posts/2007/07/01/dragging-and-dropping-table-rows-in-javascript/#comment-912 hi, great code! got it working fine. was wondering if it can be easily modified to swap TBODYs in a table instead of rows? hi, great code! got it working fine. was wondering if it can be easily modified to swap TBODYs in a table instead of rows?

]]>