Hi I am new to jQuery and trying work on a proof of concept. I have posted the example code here and my requirement is as follows. I have 2 droppables dog/sheep and I want to drop them on the shirt. I drop the sheep/dog on the shirt but as soon as drop it goes to the down-left position of the div. I tried doing $('[id$="apparel"]').ap...
Hi everyone! I am stuck in a problem with jQuery. I try to make a list from elements, that can be dragged and dropped in many lists. But this whole thing is inside a tab. Here is it shown as it supposed to work: http://redbird.lv/problem/jquery_doeswork.html The interesting thing starts if I try to change the order of tabs. If the ta...
Hi, I have this single-page site that has 4 columns with draggable/droppable/collapsible boxes. I can drag and drop boxes in any of the 4 columns and collapse/expand the boxes. The interface actually works real fine. I'm now trying to get jQuery Cookie to remember the placement of the boxes, how the users have rearranged the boxes and if...
Hi there, I'm working on a drag & drop page where you can drag elements from a list into various droppable containers. This works perfectly. What I am now trying to achieve is then have the ability to drag these from one container to another (or re-order them inside a container). But I cannot seem to do this. The list looks like a succ...
I want to have a list that is sortable, but I also want the elements in that list to be droppable to the divs I have defined as droppable. I can't seem to find a way to do it. Any ideas? ...
I'm trying to figure out how to write a statement which will stop the jQuery droppable function if the the dragged element is the parent. Basically what I have is a table, and each cell has the id of x-axis:eq+'-'+y-axis:eq. (x over-x-down). When the user drags an element to a different cell, I update the info, so if you drag from cell ...
Hey everyone, I am actually trying to make a .php page where I am going to have 3 draggable elements which have to be dragged to 3 droppable elements -each draggable to a droppable, and they are unique, so one each droppable will only accept a certain draggable. The thing is that I need to control that all of the elements have been dra...
I'm having an issue where I see my active and hover class being applied in Firebug, but it's not taking precedence over the existing styles. So, if my element has background-color set, the active and hover background color don't change the element. How can I fix this behavior? ...
Hi there, I am trying to use jquery droppable on a nested list, applying a change to the background colour of the li on hover. The problem is that it is only applying to the first item in a list. The alert is still alerting the text within the list item though. Any ideas why this would be happening? $("#mailbox li").droppable({ ...
Hi!, please help me, I know in general how to use the draggable and droppable classes, but I can not find a way to achieve this: I have a large-sized image that I need to drag and drop into a div. 1) while dragging, instead of moving around the large-sized image, I want to use a small-sized image (I already have it, just need to chang...
I have a sortable list and an iframe on the same page. What I'm trying to do is define the <iframe> as a Droppable. Everything works with out errors but when I try to drag a sortable item across the Iframe it stops at the edge. ( if I move it slowly it seems works in firefox) The Iframe is set to DesignMode ="on" so covering it wit...
Hi I did ask this question already at the jQuery forums, but they are not as active as here. I have encountered a problem when I have multiple droppable areas on a page. I have a 'static' droppable area that will never move, above a div that has multiple droppable areas and can scroll (overflow: scroll). When I scroll the div so that...
Hi I'm just wondering if anybody else can manage to get the tolerance:'fit' option to work when using the 'droppable' feature in jQuery's UI? I want to call a function only when the draggable div is dropped perfectly onto a droppable div. Both divs are the same size and I'm using snapMode:outer to help the end user. I simply cannot ge...
Hi I have 2 droppable divs and when a drag is dropped on either one of them, i'm trying to get the id of that drop element. It's always returning the id of the first drop element in the DOM. $('#albumImgs li').draggable({ containment: '#content', scrollSensitivity: 60, revert: 'invalid', cursor: 'move' }); $('.dropContainerCl...
I am using the Scriptaculous Draggable/Droppable scripts and have a problem when dragging into a scrolling div. I have the following layout (based on this question): #grid-container { left:33px; position:relative; width:300px; } #grid { width:310px; height:400px; overflow:auto; margin-bottom: 15px; } #grid-container ul { width:40...
Using droppable to provide feedback is not a good option due to their deeply nested structure (using greedy), so I would like to give visual feedback by changing the draggable (i.e., the clone). Is this possible? Has anyone done this in jQuery? I've not seen any examples and I'm unclear on how to achieve it. I've tried the over/out e...
Hi, I'm experiencing problems with a simple combination of a Draggable and Sortable: initially, the dragging does not work and I do not get a receive callback. Only after I have done a sort (i.e. change the position of things in #workarea), can I drag new things into it. Somehow it seems as if the sortable needs to be 'initialized' be...
jQuery 1.3 jQuery UI 1.7.2 I have an application where there are a number of droppable divs that accept only a single draggable. I do this by setting the accept option on all my droppable's to a function that check for a valid draggable and if it is already occupied. If it is occupied, the accept fuction returns false, else it returns...
Hi Everyone, I'm using JqueryUI for drag and drop on one of my pages and for some reason I can't seem to get an attribute of the ui.draggable object being passed into my droppable drop event. ui.draggable.attr("src") and $(ui.draggable).attr("src") both return undefined, however if I type ui.draggable.html() I will get the html back. ...
I am currently playing around with jqueries drag and drop, basically I currently have a div (.drag_check) that holds a checkbox, I have the drag and drop working but I want to alert out the checkbox's ID once the element is dropped, I assume I have to use child but all my attempts have returned 'undefined'. Below is my code, $('.drag_c...