Hi, i have the following situation (please see image below after reading the following): .dragoverlay (white rectangle in image) is a (jQuery) draggable div. it's the same size as the browser viewport. .items (small red square(s) in image) is an absolutely positioned div of size 0x0. The lightblue items squares are absolutely positi...
For my current project, I need to make a layout selector where certain elements can be dragged and repositioned by the user, similar to this mockup: So far, I have been able to replicate something similar using JQuery UI and Sortable, however I am currently stuck only on the first level of control, where vertical elements can be repos...
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...
Hi Everyone, I am binding a click event to an image using Jquery Live binding. The first time I click on the image the simplemodal popup launches and draggable works fine. After that, the simplemodal popup still launches and the draggable item will not drag. Any ideas? Code of Live Click Event: $("table tr td img:not(.Help)").live(...
Hi all, I found a useful tutorial to get started in understanding how to Cocoa handles touch events. I've used this as a base to create a custom script, I'm trying to make a UIView draggable, very similar to the native Maps application. I've written a custom script, using the touchesBegan method it will capture where the input began ...
Hi guys, is it possible to set constraints for a draggable obeject? I have this line: $("#info").draggable({ axis: 'y' }); i want this only to be draggable 200px towards the top. It should not be draggable towards the bottom? Is there any way to do that? ...
The jquery UI datepicker functionality is great, but I'd like to replicate the google analytics style date picker where you can select a range of dates by dragging from start to end. I don't think the datepicker can do this, nor the excellent filamentgroup range picker. Anyone done this before and have either some mods to jquery ui dat...
I am using the following code to extend the JQuery-UI demos included with the download. I am trying to set up a container that the user can drag items into and then move the items around within the container. I incorporated the answer from http://stackoverflow.com/questions/867469/jquery-draggable-clone which works with one problem. ...
A site I'm working on has an image zoom, and the zoomed image is draggable. The problem is that on the current version you can zoom in and then drag the image totally out of the viewable area. See: htt p://testing.successfulsites.co.uk/s5/1.3.5.1.html (and zoom in) (sorry about the gap in the URL - I'm a new user so can't post more th...
Hi, I am using jqModal on my project. I need my dialog box to be showed from ajax and the dialog box should be draggable. Here is my snippet of my code: js code: **$('#ex2').jqm({ //trigger: '#ex3aTrigger', overlay: 30, /* 0-100 (int) : 0 is off/transparent, 100 is opaque */ overlayClass: 'whiteOverlay', ajax: '/dialo...
Hi, I have got a table with several rows and columns. I have a span in one of the td which I want to drag. I can drag that span and can get the ID of the td where the span lies but I can anyone tell me how can I get the ID of the td where I drop that span. Now I can get the ID in firefox using event.originalTarget.id of the drop event, ...
I am using jQuery to build a magentic refrigerator game where you create sentences from the word bank. I have a list of 90+ words. I would like for the user to be able to open the word bank in a draggable modal and then drag each word from the modal to the main content div. The issue I am having is that I can only keep the words insid...
The attached code allows list elements to be dragged into a sortable area. Problem: Add three list elements, expand the first one and move it downwards. Because of fieldset's height (150px), you'll have to move it below its own height to apply the sorting. To fix this I tried adding a class (.hideImBeingDragged) when the sorting starts,...
Asking all jQuery experts! How would I go about setting up constraints for a draggable element depending on its positioning? I have a basic example here. I thought it would be as simple as adding an option, containment. Ideally, I want it to drag within the following box: top: 0px left: 0px top: -263px left: -272px top: 0px left: -2...
I've read through many of the drag and drop threads on SO and i haven't found one that tells me how to get the child element id of the dragged element, when the dragged element is dropped. For example if you have <div id='drag'> <img id="something"/>//how do i get this id when #drag is dropped? </div> <div id='drop'> </div> and t...
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...
Hello Guys, Good day! I right now have a function the drags an element from a list to a sortable list. But what I want to achieve is to insert my own created html elements when i drag it to the sortable list and not to insert the elements selected from the draggable list. Appreciate you help in advance! Thanks, steamboy ...
Hello Everyone, I have a working tree of galleries next to a sortable list of image thumbnails. I've been vainly trying to set up the galleries tree so that users can add images to the galleries by dropping the sortable thumbnails on to the galleries tree. I've been told this requires drop_mode. All efforts to get it to work ha...
Does anyone know how to make a map overlayitem draggable so I can press and hold it and drag it across the map. I am trying to duplicate the draggable icon behavior that's available on the iPhone. One developer suggested a possible solution is to detect a touch event, get rid of the existing overlay item, draw your own copy of the icon...