similar to: Capturing the position of a draggable element

Displaying 20 results from an estimated 1000 matches similar to: "Capturing the position of a draggable element"

2006 Apr 06
1
RE: Drag and drop events. Or: How I learned to takeover the world.
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
2006 Jun 14
5
generic onDragStart onDrag and onDragFinish events extracted from scriptaculous?
Hi folks. I''m working on a project where I need some drag and drop, but I need to implement what happens in a very different way, so I''m creating my own class for it. I don''t want to reinvent the wheel and redo Thomas'' excellent drag/drop functionality, nor do I want to copy/paste his code over into mine. So, I was wondering, has anyone tried to extract
2006 May 28
10
Drag''n''Drop out of overflow:auto containers
Cheers, I have some elements inside a div with overflow:auto. When I trie to drag them outside of the div, the div starts to scroll. Is there a way to stop this behaviour for drag and drop? I thought of maybe using callback to disable the overflow and restoring it againg after the drop. Did someone implemented something like this? Thanks, Jonathan -- Jonathan Weiss
2005 Oct 14
6
Draggables onDragStart
Skipped content of type multipart/alternative-------------- next part -------------- A non-text attachment was scrubbed... Name: not available Type: image/gif Size: 1027 bytes Desc: image001.gif Url : http://wrath.rubyonrails.org/pipermail/rails-spinoffs/attachments/20051014/b3c26edf/attachment.gif
2006 Jun 14
5
Sortable Tree - Stoping Event dispatch ?
Hi, I''m trying to play with sortable tree and have two issues: I have an AJAX Tree looking like: <ul class=''TreeCat'' id=''work''> <li class=''open''> <img src=''s.gif'' class=''node'' onclick="Ajax.Tree.toggle(event,this);"/> <a
2006 Oct 27
16
Returning coordinates of a draggable?
How difficult would it be to get the x and y coordinates returned of a draggable? --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to
2006 Mar 29
3
droppables
I am not sure how many of you are using draggables/droppables but I thought I would do some experimentation and try and learn how to use them on my own. Well, I have draggables, and I have droppables. I do have one question for now. The droppable onDrop event seems to pass in 2 objects, the dropped object, and the container the object was dropped on. My question is this, can I figure
2006 Apr 30
1
Draggable - how start action on start dragging and end action on droppping
Hi all. I have got situation that I made element draggable - and when element is dragged I want to start some action (e.g. shown AJAX indicator, and change one of CSS class in dragging element). What is the best way to achieve this? I search source code of the Draggable and I saw that there is 2 method: Draggable.initDrag and Draggable.endDrag so it looks like in initDrag method i should
2006 Feb 27
11
Disabling anchor clicking in a draggable
Hey guys I have an interesting problem - I have some draggable elements (sortable actually), with links (<A>) inside them. I want the user to be able to click on the link, however if the user drags the element I don''t want the link to get fired. Can anyone think of a way to do this? It only needs to work in Firefox. Cheers -Rob
2006 Nov 24
1
sortable - after complete dropping element want to send ajax reqeust with id of elements: draggable and droppable
Hi all. I have specific situations - I use sortable on html list, and after I move elements I want to do ajax reqeust to serwer with the id of dragging element and id of the element that was droppable. How to do it? which function in Sortable class i have to overrider or modify? i try to modife onhover method in sortable and put a ajaxRequest call before methods dropon.parentNode.insertBefore
2006 Jun 12
5
scriptaculous & sortables/draggables scrolling?
Re, Would anyone happen to know how to make sortable/draggable scroll down the page while moving the object if the page happens to be larger than the screen size? These functions seem to work only within the visible working space. Right now I have workaround whereby I have an omnipresent DIV on the screen to which I drop an element, then scroll down in the browser to a certain point, and then
2006 Aug 18
1
Possible to ''Reset'' sortable?
Hi all, I have a sortable list (tree) that interacts with various droppables. [List 1] [List 2] [List 3] [List 4] [Drop here 1] [List 5] [Drop here 2] Now, on dragging [List 2] and dropping it on [Drop here 2] a certain action takes place. I then want [List 2] to return to its original location. However, it returns to the list below [List 4]. So, any ideas how I can get it to
2006 Feb 03
3
overloading dragdrop.js
Hi everybody- First time poster, please be gentle. I have written a little rails app where you can create divs and move them around via Thomas'' wonderful dragdrop.js. I would like to be able to fire an AJAX event to update the top and left of the dragged object upon release. I see many AJAX link_to_remote and observe_field. What is the proper way to observe that the position (not
2005 Jul 01
1
drag problem
Hi - my first post here so first of all can I say how impressed I am with this library Now to my first question - I''m simply trying to make a div draggable, here''s my test page: http://localhost:85/folio11.co.uk/js_tech_demo/scriptalicious_test.html what seems to be happening is that the first drag works fine, but on subsequent drags the div''s initial coordinates
2007 Feb 12
0
Scriptaculous - extending draggable via sortable
Hello, I have created a Yahoo style Drag and Drop using Scriptaculous Drag and Drop. I have hooked my custom functions to the Drag and Drop using the following code: new Draggable(element, {revert:true, ghosting:true, handle: handle, onStart: CollectionDragDrop.dragStart, onEnd: CollectionDragDrop.dragEnd, onDrag: CollectionDragDrop.dragMove, reverteffect:
2008 May 29
4
Drag/Drop finding droppable's properties?
Hi All, I am trying to develop a dynamic form creator application, whereby we can drag objects from a "palette" and drop them onto a "form" to build the design of our form. To achieve this, when I have dragged the object, and dropped it onto the "form" area, I want to get the position of where the object was dropped. I have a droppable area:
2006 Jun 13
3
Weird flicker effect in IE6 (sortables)
Hello everyone I have made some strange expirience yesterday. I have an unordered list with sortable list items (basic). Within these are various contents (forms, divs, more lists) etc.. Now on only some of them the whole page (all text) begins to flicker / redrawn in Internet Explorer 6 if i pick up a dragable and move it above its original position (like moving it above the ghost of the
2006 Aug 11
14
Sortable callback, when dragging starts/stops
Hi *, is there a callback or something else to get noticed, if the user starts (stops) to drag an element of a sortable? I only found the onUpdate and onChange callbacks, but they don''t give the information I need. Thanks in advance, Tim
2005 Jul 25
5
dragdrop.js: drop from sortable
I have a Sortable that''s working like a charm, but now I would like to be able to drop objects from that Sortable onto a Droppable that''s not part of my Sortable. I just did a small test page where it didn''t work, so my first question has to be "is this supposed to work?", before I dig too deep into it. "accept" for the droppable is set to the
2008 Jul 01
0
Draggable item absolutely positioned inside relative div
Actually, it''s a bit more complicated than that... I have a div (we''ll call it the "portal") of a fixed size and absolute positioning, with an overflow: scroll set. Inside, I have a container div with relative positioning. This inner container has a series of absolutely-positioned elements which are draggable with a vertical constraint. The height of the container is