Displaying 20 results from an estimated 4000 matches similar to: "examples of drag n drop"
2005 Jul 19
0
quick dragdrop question
Hi,
I want to do some custom logic on items being dragged and dropped - I need an
event callback that has a reference to both the element being dropped (the LI),
and the target element that it''s being dropped onto (the UL). I''ve found the
Sortables.create option for creating an onUpdate and onChange handler, and done
the following:
function selectItem(target){
2005 Jul 19
1
Nested drag and drop rendering issue with ie
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>
2006 Feb 04
3
helping with scriptaculous/Thomas Fuchs MIA?
Hi,
In the last few days I''ve been working a lot on rewriting the
dragdrop.js code. I''ve made changes for what I think is stronger
object-oriented design and made more parallels between how Droppbables
and Draggables are coded and instantiated. I have multiple selection
and dragging of draggables working and droppables can accept multiple
draggables in one drop. There are some
2005 Jul 18
1
fix for scriptaculous dragdrop.js empty list problem
Hi Thomas,
Here''s a fix for the problem that I raised this morning, turned out to be fairly
simple in the end (after many false starts and thrashing about - thank goodness
for Venkman!)
First, in Sortable.create(), I register the parent element (the UL tag or
whatever), and add an extra property to it to mark it as the parent of the list
in question:
for (var i = 0; i <
2006 Feb 27
0
update a second div with Ajax.Updater, when Ajax.InPlaceEditor has just finished to modify another first div
Hi,
I''m a newbees in javascripting with scriptaculous, but I wonder someone
to help me on that simple (not for me of course !) case :
I''d like to update a second div with Ajax.Updater, when
Ajax.InPlaceEditor has just finished to modify another first div ? How
could I do this in this kind of code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
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
2007 Apr 23
3
getElementsBySelector problem in IE
I''m having this problem with IE and getElementsBySelector, but am a
relative js novice, so quite possible -- likely even -- that I''m doing
something stupid. Either way, a fresh pair of eyes would help.
Basically I''m duplicating a fieldset within a form (so you can upload
more than one photo). [BTW, the fieldsets have a CSS id which relates
to the object id of the
2006 Feb 07
2
Thomas Fuchs? Helping with Scriptaculous
Hi,
I''ve been doing a lot of rewriting of dragdrop.js. I''ve covered at
least eight open tickets, made multiple selection of draggables,
droppables can accept multiple items at a time, added 21
consistently-named callbacks and have reorganized the code. I''m
working on adding more things to Sortable now. I''m no JavaScript
expert, this is my first project, and I
2007 Sep 06
1
semi-nube help request
just to show i''m not a complete dork: i receive emails from the list through
gmail and i''ve already searched for the answer to this problem and since
i''ve been a member i''ve not received an email about it. Google search
results are mixed at best.
so this is my problem:
i have a form:
<div id="container"
2006 Aug 22
0
Re: Multi-select and drag and drop
Hi Peter,
is your patch against script.aculo.us mentioned in [1] gone any
further in the last 3 months?
--
alberto
[1] http://dev.rubyonrails.org/ticket/2585
On 22/ago/06, at 00:35, Peter Michaux wrote:
>
> On 8/21/06, Bill Lazar <blazar-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>>
>> Before pounding my head on this particular rock I want to ask if
>>
2005 Jul 20
0
script.aculo.us 1.1 beta 1 ready
Get it here: http://script.aculo.us/downloads
Short take on what''s new:
-> Autocompletion took a notch up with incremental and local (js
array) functionality
-> Capability to remove draggables/droppables and redeclare sortables
-> Effect.ScrollTo
-> Fix memory leaks in IE and Gecko
-> Make some 3rd-party js libraries comaptible, namely IE7.js
-> Various tweaks and
2005 Jul 06
1
BUG? Draggable''s handle implementation does not match the documents
Hi,
First thanks for your great scripts!
According to the documents:http://script.aculo.us/drag-and-drop
The Draggable''s option ''handle'' value is a string referencing a CSS class.
The first child/grandchild/etc.
element found within the element that has this CSS class will be used as the
handle.
However, in the source code file dragdrop.js line 250, is,
this.handle=
2005 Jul 19
4
a frightfully newbish question about dragdrop.js
Hi folks,
I''m in the process of updating a mostly-server-side web app to 21st century functionality, using the prototype.js etc packages.
I''m mostly a server-side PHP guy, so please pardon the level of ignorance about Javascript.
I''m having some strange problems, and right now, I''m trying to localize whether the problems are generic browser-things or whether
2006 Feb 03
1
Stupid drag/drop add on
To constraint the movement to a specific area, I added the following lines in dragdrop.js
This will allow you to specify: area: [2,3,100,120]
to draw a rectangular area where movement is allowed...
might have very strange side effects, just needed a quick/dirty hack. Plus I installed script.aculo.us just 10 minutes ago :)
Don''t flame pls.
Manuele
line:202 (please note the ","
2009 Feb 15
2
Collapsible Fieldset
Hey there,
(First steps in Ruby and Rails...)
I''m trying to make a fieldset collapsible, like they are, for example,
on many Drupal pages.
What I''ve figuared out is the following:
<fieldset id="addressdata" class="collapsible collapsed">
<legend>
<%= link_to_function("Show/Hide Addressdata") { |page| page[:
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
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
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
2007 Jul 05
0
1.7.1 beta 3: dragdrop.js Internet Explorer Issue
Hi group
I''ve used the beta 3 for a simple sortable list, which works
perfectely fine in Firefox (2.0.0.4). When I checked my sortable in
Internet Explorer 7, the following error occurs every time:
dragdrop.js, line 491, "Invalid argument" (translated, error message
might be not 100% accurate)
The "bad" line:
style.top = p[1] + "px";
Best regards
Markus
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