search for: ondrag

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

I''ve asked this question before but posted it at the wrong place. Anyways, I was trying to find out if there is an OnDrag callback that I can use in DragDrop.js; something that is called as soon as the draggable is moved from its position, similar to the startDrag, cancelDrag and endDrag callbacks available in rico.js (www.openrico.org). If there is such a callback, could you please show me a quick 2 line implementati...

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

Hi everyone, I''m having a problem dragging a div with a background image using the draggable library. What happens is that, while I''m dragging it, it reloads the background image with each pixel movement (like an ''onDrag'' function). Has anyone else experienced this, or does anyone know how to fix it? Thanks in advance. Cheers, Justin --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group...

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

Hello I have been working on a little window dialog script - please see <http://net4visions.com/dev/window/window.htm> http://net4visions.com/dev/window/window.htm for a preview. the necessary files can be downloaded here: <http://net4visions.com/dev/window/window.zip> http://net4visions.com/dev/window/window.zip .I''ve included just the basics - please change the path in

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

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: CollectionDragDrop.revertEffect}); Now besides making the rows Draggable I want them to be sortable. But I am not able to pass on the onEnd, onStart hooks without modifying th...

...er container. For whatever reason, the event passed to me didn''t contain any mouse coordinates, nor was I able to get the scroll distance of the container. I ended up keeping track of the mouse coordinates at all times with a "mousemove" event on the document element. I added an onDrag handler to position the element using the mouse coords I was getting. The problem with doing this was that in dragdrop.js, in the draw method of Draggable, it constantly overwrites the top property with its own calculation which does not work at all in what I needed to do. The only way around this...

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

...ble to add a handler for an event to a draggable that already exists? That is, if I have in a Widget class: var Widget = Class.create(); Widget.prototype = { ... this.draggable = new Draggable(this.element); ... } and I create several Widgets, then later, I want to add a handler for the draggable.onDrag function, what''s the appropriate method to do so? Thanks in advance! -Jerod _______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs

...] values. Now it works just fine. See the new updateDrag function below. Why were you using Position.page? updateDrag: function(event, pointer) { if(!this.dragging) this.startDrag(event); Position.prepare(); Droppables.show(pointer, this.element); Draggables.notify(''onDrag'', this, event); this.draw(pointer); if(this.options.change) this.options.change(this); if(this.options.scroll) { //if(this.scrollInterval) this.scroll(); this.stopScrolling(); //var p = Position.page(this.options.scroll); var p = Position.cu...

...item! .. it looks like it is firing events when i am over the source position. Also i noticed that the browser is getting really slow when i do that for too long. (event loop, recursion??) I wasn''t able to trace the events so i don''t know what is wrong or what is happening "onDrag". First i thought this is a CSS problem, but even if i remove the CSS and just use the site in "textmode" the flickering stays in IE6. :( demo: http://www.bloxpress.org/demo/ # click on "add blocks" link on the top, # choose ''flickr'', drag it on left or r...

...nction(element) { // element instead of observer fixes mem leaks this.observers = this.observers.reject( function(o) { return o.element==element }); this._cacheObserverCallbacks(); }, - + notify: function(eventName, draggable, event) { // 'onStart', 'onEnd', 'onDrag' if(this[eventName+'Count'] > 0) this.observers.each( function(o) { @@ -210,7 +210,7 @@ var Draggables = { }); if(draggable.options[eventName]) draggable.options[eventName](draggable, event); }, - + _cacheObserverCallbacks: function() { ['onSt...

Note that one of the 8 patches (#6) will be sent separately in reply to this email, as some of the replaced lines are too long, so git won't let me send the email. However, there is nothing wrong with that patch, and it should be applied in the sequence listed below. Note also that I assume this will be tested on a clean f11 install, rather than an upgrade of an existing ovirt server