I am not able to resize or drag the region. Nothing of the following has worked.

First
- I use jquery_ui 1.7.3 and used tha latest jquery_update -> Drag and drop works, scale does not

Second
- I use jquery_ui 1.7.3 and jquery disabled -> scale and drag and drop does not work.

Any ideas?

Comments

marcoka’s picture

i solved it using jquery_ui 1.6, but that makes some other modules unusable :(

nils.destoop’s picture

Status: Active » Fixed

Working now for 1.7.3 and 1.6

eelkeboezeman’s picture

I have the same problem. Resizing and scaling the crop area doesn't work. I use

Imagecache javascript crop 6.x-1.0-dev (latest, downloaded today: v 1.1.4.4)
jquery-ui-1.7.3

what other information can I provide?

eelkeboezeman’s picture

Status: Fixed » Active
StatusFileSize
new501.08 KB

added a screenshot. Handles are visible, they just don't do anything.

nils.destoop’s picture

Are you using Safari or Firefox?

danielnolde’s picture

same problem for me:

i even don't see handles, and no moving/resizing is possible.

jquery_ui 1.8.3 in jquery_ui.module directory

Same error on all browsers
- Safari 4.0.3
- Chrome 5
- Firefox 3.6
on mac osx.

Activating the javascript debugger in Safari, the following error message fires when the imagecrop popup gets loaded:

TypeError: Result of expression '$('#resizeMe').draggable' [undefined] is not a function.
/sites/all/modules/imagecrop/imagecrop.js?Y:42

This is Firebug's error message:

$("#resizeMe").draggable is not a function
[Break on this error] drag: function(e, ui) {
imagecrop.js?Y (Line 38)

Does that help?

How can we help fix this bug?

nils.destoop’s picture

Looks like draggable got changed in jquery ui 1.8.3. I should check this later.
Current support is till 1.7.3.

danielnolde’s picture

any news on those draggables ?

darrellhq’s picture

I have the crop area highlighted however I do not have handle or the ability to drag and drop. I am using .x-1.x-dev and Jquery UI 1.7.3 it seem not to be compatible with jquery ui 1.7.3 looking at the error message in firebug reveals several errors pointing to at least 3 js files relating to jquery ui.

nils.destoop’s picture

@D253 Do you have the newest version from jquery also? Jquery ui 1.7.3 needs jquery 1.3.2. Make sure you have the latest v2 release from http://drupal.org/project/jquery_update

I am not getting any errors with 1.7.3 and 1.3.2.

nils.destoop’s picture

Status: Active » Closed (fixed)

@danielnolde Just checked it. Seems like jquery ui doesn't support 1.8.3 yet. See #749126: JQuery Plugin 1.8 is out

ThePeach’s picture

Today I tried the proposed patch provided in #749126: JQuery Plugin 1.8 is out and currently using jquery_update and jquery_ui with 1.8.6 (also tried legacy 1.7.3)
unfortunately with imagecache crop the error is still there:

$("#resizeMe").draggable is not a function
 drag: function(e, ui) {      imagecrop.js?Y (line 39)

could it be a problem with the sequence used in jquery_ui_add() or something I am missing?
Has anyone else tried that patch?

ThePeach’s picture

small update, now with jquery ui 1.7, noticed in the logs stuff like:
page not found http://peach.smartart.lifetree/sites/all/modules/jquery_ui/jquery.ui/ui/minified/ui.draggable.min.js?n
I tried to add a symlink named "ui" into the jquery.ui directory pointing to "development-bundle/ui" and it worked :)

hope that will help someone
plus I don't know if this should be reported in to the aforementioned bugreport.

naero’s picture

So it's still not clear what exactly is the solution to this issue. Can someone please expand on how to resolve this issue?

naero’s picture

StatusFileSize
new184.37 KB

This is how it is appearing for me...

nils.destoop’s picture

This issue is already fixed. Make sure you have the matching versions from jquery ui, and jquery update. See the project page:

"If you use jquery update. Make sure you also have the latest version from jquery_ui. (For example jquery update 1.3.2 needs jquery ui 1.7.3, and vice versa)"