Displaying 20 results from an estimated 10000 matches similar to: "Speed improvements for draggable elements?"
2006 Jan 13
1
Capturing the position of a draggable element
I would like to capture the position of a draggable element after it''s
being dragged, but I am running into problem using several options, such
as "change", "revert" and "onEnd". My callback handler would only fire
when the page loads, and not when the element is dragged. How can I make
this happen?
<html>
<head>
<script
2005 Aug 24
4
scriptaculous: Draggable and table rows
I''m trying to add drag/drop for moving rows between two tables, and not
having much luck... I can get images to be drag-able OK so I know all
the script files are in the right place ;-) But no joy with table rows.
Is this a Draggable and/or Javascript/HTML limitation?
Here''s what I''m trying:
<html>
<head>
<script type="text/javascript"
2006 Jan 08
0
how-to: Draggable
Was looking up the scriptaculous site, but couldn''t find more information on
how to use the change option:
This is what it says:
Callback
Description
change
Called whenever the Draggable is moved by dragging. The called function gets
the Draggable instance as its parameter.
Could anybody please elaborate on how to use this?
Another question: let''s say, I have
2005 Oct 26
0
Draggable option elements
Hi, I''m trying to make options in a multi-select draggable so I can
let the user drag options between two lists. The lists need to be
HTML ''select''s rather than, for example, ''ul''s to support the
functionality of the form when Javascript isn''t available.
The problem is, while dragging, the options are clipped to the
bounds of the
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:
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 09
3
Draggables and Droppable performance (tips)
Hi all. I have some performance tips to share. I had been having
problems with the overall performance of the drag/drop objects. This is
due largely to the fact that my project really pushes the limits
(potentially thousands of draggables and hundreds of droppables in the
document at a time, although that is the extreme case).
Something I discovered is that the performance of dragging goes WAY
2006 Apr 20
0
Sanity check of my Draggable code
Hi all
I''m just getting started with script.aculo.us, and prototype etc.
My first mini-project was to use Draggable to adjust the column widths
in a page. Here''s the code (which seems to work) and any feedback would
be appreciated - especially if I''m doing things the wrong way.
Here''s the code:
var colSpacer
function initPage() {
colSpacer = new
2010 May 03
0
Scriptaculous, snap draggable to droppable or revert
Hello community,
I am a fairly new RoR programmer and I need some help with Scriptaculous
Drag and Drop:
So I have
<%= draggable_element(@div_id, :revert => "failure", :snap => 5) -%>
and a droppable:
<%= drop_receiving_element(@team_div_id, :with => "''player='' +
(element.id)+ ''&position='' + #{draft_position}"
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
2005 Nov 11
0
A couple of draggable patches...
Hi all,
I've just raised a ticket <http://dev.rubyonrails.com/ticket/2826> with a
patch for enabling 'snapToGrid' feature for draggables.
I'm writing a framework on top of scriptaculous and it appeared to me that
this would be something that could belong to core Draggable objects.
To activate, just add to draggable options on creation. (By default gridSize
is set to 10)
2006 Feb 14
0
Another draggable/droppable performance booster
This one is as much for Thomas as for the rest of the list (might be a
good one for the official build)... I made a change to the dragdrop.js
file that significantly improves overall performance of dragging when
there are more than one (or many more) droppables on the page.
I modified the Draggables.updateDrag method, and added another method
below it, and then in Draggable.updateDrag I
2007 Aug 23
0
Draggable on IE & Opera
Hi, all!
Have anybody problems with draggable in IE and Opera. The problem is
i''m creating simple draggable object like this:
new Draggable(my_div);
In firefox it works very fine. But in IE when I''m moving(dragging)
cursor div is stalling and drags very slow. and in Opera it keeping
tracks colored in color of the div.
Is reason in browser or there is the bug in framework?
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
2006 Feb 24
2
declaring draggable object that holds it position
Hi i posted this question earlier on how to create a droppable div(New to
Ajax), and i have just realised that my code does work, however the function
doesn''t work the way I expected it to, I would like my draggable to remain
where it was dropped, currently I have a draggable div and a droppable div.
I would like to try create a puzzle type game which has a set amount of
droppables and an
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 Jun 29
0
Sortables question
Hello,
I am new to Scriptaculous, and was recently brought into a project using
it to create an email Newsletter builder. The idea is that the user
will have lists of elements that he can add to the email page by
dragging the element he wants to add from an "available sections"
container, to a "loaded sections" container. Dragging from the loaded
to available will
2006 Jan 30
0
Draggable with auto-scroll
Thomas, I''m mostly writing this to you. A couple weeks ago I grabbed the
latest SVN version of dragdrop.js because I needed the auto-scroll
functionality. I just fixed something in that script that wasn''t working
correctly and thought you might want to hear about it. You may have
already caught it since I grabbed the script but here it is anyway.
In the updateDrag() function
2006 Jan 31
1
Finding Final Position with a Draggable Object
Hello,
I have a draggable window. I would like to have it so that when they
come back to the page with the draggable window that it remembers where
they left it when they last visited. How would I get the final position
after the dragging has been stopped? I have been looking threw the wiki
and couldn''t find anything.
2006 Dec 19
3
IE and Draggable: Image loading
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