Jquery: Show snap-to gridlines using droppable and draggable?
I am trying to show a $f00x$f00 grid (20x20 or 30x30 etc) (with gridlines) that an image can be dropped onto. I'm not sure how to get the grid to display does anyone have any ideas? ...
draggable
What are the best light-weight solutions for Drag and Drop?
I love and use jQuery quite a lot, but I am hoping to find an alternate solution for a special project. I am creating a bookmarklet which will interface with my application to allow users to enter information much quicker. One of the greatest pains in my application at the moment is uploading images. Users (understandly) hate the proces...
Jquery Sortable Update Event can called only one time?
Hello. I'm trying to make category changes with Jquery & Php. I have no problem with it. My problem is, when the update event is called, it returning 2 results. 1 result for Dragged Parent, One result for Dropped Parent. I wanna call only dropped parent's id. Here is my script: $("#gallery ul").sortable({ connectWith: '.dropBox', ...
jquery dragging object fast problem
If I drag an object very slow, it does exactly what I want it to do. However, if I do it a bit faster or very fast, it does not work as expected. You can see both results: the expected, while dragging slow and the flawless, when dragging fast. I am just a jquery beginner, if you see any other stupid parts of the JS code, please let me kn...
How to make a jquery object un-draggable?
Hi, Looking at the jquery demo at http://jqueryui.com/demos/droppable/#photo-manager, I'm trying to make the images in the Trash undraggable and am unable to do so. I've changed the demo so that the Gallery is no longer droppable, but the items in the Trash still follow my cursor if I mousedown. Of course, they have nowhere to go, so ...
.hide()/.show() and Droppable
I have a problem where the element calls .show() when the draggable triggers drag, does not let me drop into the droppable. How can I fix this? $(document).ready(function() { $(".folder").droppable({ greedy: true, drop: function(event, ui) { $(".folder").hide(); }, tolerance: 'touch' }); ...
Any ideas how I can detect mouse events beyond containment for a jquery-ui draggable?
Hi - I just made a div draggable, as in: .draggable({ axis: 'x', containment: [ pLeft+margin, 0, pWidth-(margin*2), 0] }).css('opacity', 0.6) and I can see the div overlayed over the parent and draggable along the x axis within the parent a few pixels away from left and right edge (from margin). This is the scenario. Question How do I...
JavaScript drag-and-drop proxy
I want to enable drag-and-drop behaviour on my Web application. I have an image I want to drag. The image is behind another one that has transparent sections so that you can see the image beneath it. I do not want to change the order of the images. My thinking is I should use another layer on top of both images that is transparent an...
Draggable UI in jQuery
Hello All, I am currently working on a project where I need to go for draggable elements. There will be list of options e.g. Sunday, Monday, Tuesday... Saturday. Here user will be selecting any of them, say Sunday, Wednesday, Saturday. I need to display them in such a way the user can realign them in any Order. E.g Sunday Saturday Wed...
Calculating window dragging and skewing in JavaScript
Hi, I am using JavaScript and trying to make a skew effect on a div. First, take a look at this video: http://www.youtube.com/watch?v=ny5Uy81smpE (0:40-0:60 should be enough). The video shows some nice transformations (skew) when you move the window. What I want to do is the same thing: to skew a div when I move it. Currently I just h...
jQuery droppable 'over' event not firing when mouse is over draggable
I have a list of tasks that are all draggable and droppable. All of them have an 'over' event handler to make sure they light up when another task is hovering over them. This is not working fully as I want it to. When I start dragging one task, the other tasks don't light up as expected, except when the mouse is not actually above the d...
(iPhone) how to implement draggable pins using OS 4.0 MapKit?
Can anyone provide any sample code/instructions for implementing draggable pins in OS 4.0 using the MapKit framework? ...
Creating a view with draggable text elements
Hi all, I am trying to create a view for a kind of brainstorming application like, for example, OmniGraffle, with elements that contain textviews and can be dragged around. (Also, the should be connectable with arrows, but that is not (yet) the problem) I did my homework and searched via google and read books about cocoa, but there see...
How to make things dragable with JS on iPad, iPhone?
Hey Guys, you know, i'm searching for a way to move items via mouse-dragging (as we know from several slider plugins) handled by JS which will work on iPhone and iPad Browser too? hope anybody can help me. thanks a lot! ...
Jquery Draggable UI overrides normal browser behavior for HTML elements inside draggable-enabled div
I have a jquery ui draggable div, and the HTML contents do not behave normally because of the draggable. <div id="popup"> <!-- this popup is draggable --> This text is not selectable. When I try to select it, the popup div is dragged. <div style="overflow:auto; height:50px"> Lots of text here, vertical scrollbar appears...
jquery draggable: how to limit the draggable area?
Hi, I have a draggable object (div), and some droppable ones (table TD's). I want the user to drag my draggable object to one of those droppable TD's. I enable draggable and droppable this way: $(".draggable").draggable(); $(".droppable").droppable(); The problem is that with this the user can drag the div anywhere on the screen, inc...
Is an external window is being dragged?
I have a program that causes windows to snap into slots that specify a location and size. You can drag a window and then it will snap to the closest slot when you finish the drag. What I want to add is an overlay of the slot that the window will be moved to as the drag is happening. The snapping and the overlay work fine. My problem is ...
How to Make a Control "move-able" on User-End in Silverlight 4
I have a text block on my page. Basically, I'd like to allow the user to be able to click and drag this text block to move it wherever they would like on the page. From what I could tell there are no properties in the text block control that I can tinker with to allow the user to do this. I didn't know if there was a property I was ju...
JQuery Draggable + Sortable: How to tell if item was actually added to my sortable list?
OK, I'm probably missing something obvious here, but my searches aren't turning up anything helpful. I've set up a sortable list and connected a draggable "palette list" to it, as explained here: http://jqueryui.com/demos/draggable/#sortable I can drag items from my draggable list and drop them on my sortable list. That works fine. I...
jQuery Get Previous and Next element on Drag
I am trying to do a timeline. The timeline have few dynamically keyframe elements placed with absolute position on random positions. Is there a way to get the Previous and Next element relative to a draggable dragger? Something like "if the #dragger is at left:55px, the next element is .keyframe 102px at left: 102px and previous element ...