similar to: Drag and Drop

Hi, I have implemented the drag and drop feature to move around some divs, but I have a small side effect i am trying to clear: When the draggable div contains links, and if the user grab the div on the link, the drag is done but the link is also visited, leading to unwanted issues. What I''ve tried to do is to look for all ''a'' tags in the draggable elements in order

You should open up dragdrop.js in the scriptaculous directory and take a look at the interface for Draggables/Draggable. There is an event for dragStart, dragging, and dragEnd (not by those exact names but you should see them)... sorry I can''t offer more help than just pointing you in the right direction... very busy. Good luck, nice start! The information transmitted in this

Hi ! I have the following: <li id="photo_<%= @photo.id %>" class="photo"> <%= link_to(image_tag(url_for_file_column(:photo, :picture)), {:action => ''photo'', :id => @photo}, {:title => @photo.description}) %> </li> <script type="text/javascript" language="JavaScript"><!--

Today has seen the incorporation of patch #3921 into the script.aculo.us trunk, which allows for automatic scrolling of the page when dragging a draggable element. Thanks to rdmiller for submitting the patch! To use it, you basically just do: new Draggable(''blah'',{scroll:window}); Anyone: Please give it good testing and report any problems you might have. -Thomas

Hi, Thomas and David, thanks for updating script.aculo.us to be compatible with IE7 and other Javascript libraries. I successfully integrated the libraries with my project, OpenRecord. I have a few drag and drop questions: 1) For my drag and drop event, I would like to the drop to do an "add" if the option or alt key is pressed, and do a "move" otherwise. Can I get

Hi all, Is it possible to use HTML area objects from an image map as droppables for a drag/drop interface? I want to get a different response depending on which part of an image I drop a draggable div object on. The context is creating an incident report form where injuries can be dragged onto a body sketch. I''ve tried this using the code below. However, the droppable is always

Hello, I''m making my first steps with prototype and scriptaculous. I''m playing around with drag and drop. What I try to do: I have some Draggables and some Droppables. You can drag each Draggables to each Droppables. When I drop a Draggables I want to center the Draggables inside the Droppable. And here I get my first problems:-( I use this code: Droppables.add(

I''ve got some very simple drag & drop scripts that I''ve put together for testing purposes just so I can get the kinks worked out before I build the drag & drop functionality into my application. The scripts work fine in Firefox but when using IE7 it craps out after I drop a draggable on a droppable. I drag a username div to a number div drop it and the username reverts,

Has anyone created something that will allow a user to select multiple items using ctrl or shift or mouse and then drag / drop them into a container? Basically, something like, user selects items using mouse, for every item selected an array is updated with the id''s of the selected items. Then if the user wants to drag them we create a div around those items and drag an image of it (not

Hi, I''m new here, so if this turns out to be the wrong place to ask, please do tell! I''m trying my hand at creating a page using the scripts from http://script.aculo.us/ and I''ve run into a little problem. If I drag a Draggable from a <div> that has a scrollbar (css with either overflow: scroll set, of overflow:auto, since dragging the Draggable image always

Hey all, First, I just want to say thanks to all of you who read, and email here frequently. So "Thanks". Second, I have a little pet project. This one has not timelines, and is mainly meant for my own personal growth and javascript goodness. It is a drag and drop game, and it may not be 100% possible to do everything I want with it. But that has not stopped me from

Will that work with Sortable as well? > -----Original Message----- > From: rails-spinoffs-bounces-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org [mailto:rails-spinoffs- > bounces-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org] On Behalf Of Thomas Fuchs > Sent: Wednesday, March 22, 2006 12:48 PM > To: rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org >

Hi, I found that Sortable is the most similar solution, but it seems draggables cannot be dragged back to the original container if all draggables were dragged out the container. And I have to drag & drop a draggable element overlap another one. -- Regards. Yufan -------------- next part -------------- An HTML attachment was scrubbed... URL:

Sorry if this sounds cynical, ( i do love script.aculo.us scripts ) , but I am wondering if people know of some good real world examples of uses of drag n drop and sortable lists. such a cute script will likely be *ab*used as much as it is used. obviously the point here is to use script.aculo.us to improve the user interface rather than just have some k00l eFX. e.g. the drag n drop instantly

I finally started playing with delicious and am liking it! I''m building an app where people can have various ''folders'' of images and then ''sets'' of said images. A set is simply a object that links to any number of specific image in the folders. To create/organize a set, I''ve set up two draggables. One being a selected folder, the other being

Suppose some elements created using scriptaculous, and now want to add drag&drop characteristic to them,but the draggable elements can be dragged with the scope of whole browser,how to limit the draggable area within some DIV,for example the div that the elements lie in. Thanks Charlie -- Posted via http://www.ruby-forum.com/.

Using older versions of prototype.js (1.4.0_rc2) and scriptaculous (1.5._rc4), I had a master table containg other tables (sections), each of which had rows. Using tbody''s as containers, I could drag the section tables up and down over the other section tables AND drag the rows in a section table up and down within that table or into the rows of the other section tables, all very

Here''s the deal. I''m making an ajax-based chess game. It''s done but there''s something I''d like changed. Right now, to move pieces, you click on the piece you want and you click where you want the piece to go. People expect that, but they also expect the ability to simply drag and drop the piece. So I''ve been using the draggables and droppables,

First and foremost, excellent library - excellent work. Thank you. Now, here''s what I''m doing: <div id="wrapper"> <fieldset id="page_1"> <legend>Page</legend> <fieldset id="group_1"> Group </fieldset> <fieldset id="group_2"> Group </fieldset>

I am quite disappointed in the drag ''n'' drop support in Mozilla Firefox. What am trying to achieve is dragging an element from one IFRAME/FRAME into another IFRAME/FRAME. But upon dropping the element, I do not want the target IFRAME/FRAME to open/load it. I want it simply to handle the event, such as parsing the element/data dropped. Such uses as dropping an element into a