jQuery Forum

 I've created a simple planner where the user can Drag and drop their items into allocated time slots. They can also resize these items.

When an item is resized, dragged over or dropped onto a droppable I need to check for collisions.

There is nothing special about dragging its all default jQuery stuff as is the resizing. Note that the resizing is locked so it will increment by a certain number of pixels each resize. I mention this because every even resize of the div the function 'over' and 'drop' stops working on droppable divs.

Example: If the item starts at 20 pixels, every even resize won't fire these events - 40, 80, 120 etc

Also note that at certain zoom levels this will also work fine.

Below I've added a very cut down version of how I've setup the droppable, bear in mind this works more time than it doesn't. Theres a lot of code behind what I'm doing which makes it difficult to show it.

I have two draggable elements outside of the area I want to drop them into, however when dragged these elements are not on the same grid. Is there a method of doing this.

Very quick example here: http://jsfiddle.net/yGsSE/78/

Thanks.

I am currently developing a widget and was wondering if someone new a solution to this.

Basically I have declared a private method in my widget like so:

I would like to call this method inside something like this: 

However everything I try comes back as method is not defined or object has no method.

etc

Any advice would be great..

Thanks..

I am using the draggable and droppable features in jQuery UI. Is there a way of changing the containment option in draggable when the element being dragged enters the element which will become its containment ie the droppable.

Using the droppable 'over' method I can change the containment fine however this only updates after the element has stopped dragging. 

Is there a way of updating it sooner?

Project is local so can't show any demos - but as I said I am bascially checking if the element is over a droppable area, if it is it will set the containment locking it into the area. however this doesn't update until after the element is released. 

Thanks..

Each image will have a mouseover and out event, like so

2. function fadeIn(a) { jQuery(a).find(".thumbnail").fadeTo("slow", 0.7); 
3. jQuery(a).find(".thumbnailText").show('fast'); }

The mouse over will show a div container which lies on top of the image.

When I mouse of the image away from the area where the new div appears its fine.

However when I move over the new div it repeatable appears and disappears.

The reason for this I reckon is because its being read as the mouse is moving out of the div with the event if this makes sense.

Any input would be great thanks.

2. echo '<div style="height:200px ;float:left;" onmouseover="fadeIn(this);" onmouseout="fadeOut(this);">';
4. echo '<a href="' . get_permalink( $thumbnail->ID ) . '" title="' . esc_attr( $thumbnail->post_title ) . '" >';
6. echo get_the_post_thumbnail($thumbnail->ID, array(230,230), array('class' => 'thumbnail'));
8.   echo '</a>';
9.   
10. echo '<div class="thumbnailText">'.$thumbnail->post_title.'</div>';
11. echo '</div>';

This is the part where the event is if this helps