For MySite on Drupal 6, I'm going to be rewriting some of the core code, especially the drag-and-drop. And I could use some help.

jQuery UI seems to be doing quite well.

I could still use a hand integrating the drag-and-drop with the sort. It looks as though I can do one or the other.

Sample code:

http://mdxlab.com/mysite/

BTW: I could also use some cross-browser testers. Especially PC users.

Comments

agentrickard’s picture

agentrickard
he/him
Primary language English
Location Georgia (US)
commented
Title: jQuery / JS ninja wanted for collaboration » Use jQuery UI for MySite Drupal 6
Category: task » feature
Priority: Normal » Critical

Lots of progress.

Still needs testers!

http://mdxlab.com/mysite/

robmilne’s picture

robmilne commented

Wow, I just discovered your module. Very nice job! I'd be very interested in seeing how well jquery works with d&d because I'm considering using it for my own module (http://drupal.org/project/webfm). Currently d&d works well in my module but it is all hand-rolled (with all the cross-browser headaches that that entails). Adopting jquery will reduce load times and help get my module more respect. If I get jquery to work, my file manager might make an interesting plugin candidate for mysite.

I haven't spent a lot of time on your demo site but one deficiency I've seen is the lack of a scroll while trying to drag items up past the top of the window.

agentrickard’s picture

agentrickard
he/him
Primary language English
Location Georgia (US)
commented
Status: Active » Needs review

Lots of good progress. I now have drag-drop-sort working (without the sortables js file).

Testing, anyone?

http://mdxlab.com/mysite/

alexkessler’s picture

alexkessler commented

Works fine with Firefox 2 on Windows.

IE6 adds whitespace between the first and the second column right from the start.
Also drag&drop is not working in IE6. It's possible to grab the item, but not to drop it.

Hope that's helpful...

agentrickard’s picture

agentrickard
he/him
Primary language English
Location Georgia (US)
commented

Yes. I'm going to refactor the code now that I've learned more about jQuery and gotten some pointers over in g.d.o.

Thanks -- I will need PC testing as we go.

ajayg’s picture

ajayg commented

IE 6. Drag and drop at the example site does not work. It allows me to drag fine but when I try to drop, it goes back to where ever it was initially. I tried to change the order of some blocks with no luck. I tried also collapsing the blocks (which works fine) and try to rearrange them. I tried both vertical and horizontal rearrangement and still it does not work. Using windows Xp Sp2, IE6

raisul’s picture

raisul commented

I was fighting with IE to find the problem, I see you have coded very nicely and it's already IE compatible, just a "," comma is extra.

In ui.droppable.js on line 21, there is an extra comma which needs to be removed and it works perfectly.

Cheers.
Raisul
Brainstation-23.com

agentrickard’s picture

agentrickard
he/him
Primary language English
Location Georgia (US)
commented

That would be a jQuery issue and should be filed at jquery.com

giustigianni’s picture

giustigianni commented

Windows:
firefox 2 and 3b4 => OK
IE6 => Drag and drop at the example site does not work.

agentrickard’s picture

agentrickard
he/him
Primary language English
Location Georgia (US)
commented
Status: Needs review » Closed (fixed)

This thread is dead. The example code is out of date.