Displaying 20 results from an estimated 9000 matches similar to: "Sorting Lists with handle option"
2006 Jan 05
1
sortable_element not recognizing newly added <li> elements
I have a user defined list of items. Using the sortable_element
function, I can manipulate the ordering of this list fine by dragging
each component around.
When I dynamically add another <li> item to this list, the newly added
item is _not_ "draggable" like its other siblings.
Using the sortable_element function, how do I make it aware of newly
added list items? Here is my
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 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
2005 Dec 11
1
redering CDATA wierdness
I am attempting to do the sortable_element tutorial from scriptaculous.
(http://demo.script.aculo.us/ajax/sortable_elements)
Upon viewing the script.aculo.us source, I see this line is generated...
<script type="text/javascript">Sortable.create(''list'',
{onUpdate:function(){new Ajax.Updater(''list-info'', ''/ajax/order'',
2007 Nov 16
1
drag & drop list needs refreshing
Hello guys, I''m a scriptaculous newbie (I started working with it only
yesterday) and I have already the first problem.
I''m trying to implement a drag & drop list (fallowing the shopping
cart example http://demo.script.aculo.us/shop) and I''m almost done
but after dropping an item on the target div I need to refresh the
page to see that the item has been moved.
2006 May 30
1
sortable_element does not initiate AJAX calls
Having an odd problem with sortable_element. The :url option doesn;t
seem to actually work. No AJAX calls are being generated. I can tell
because Firebug extension does not show any AJAX requests, and the
development.log file does not do anything when droppping the items in
new positions.
Here is the code I am using for sortable generation:
<%= sortable_element
2006 May 24
1
Sortable: Ajax not firing?
Using Rails to generate a sortable list, I get the draggable/sortable page
elements, but Ajax never fires back the post-sorted list. (I''ve checked with
IE & Firefox, the "save this order to the DB" controller hasn''t been
called.)
The View:
<p>Drag to sort.<span id="sort_info"></span></p>
<ul id="sort1">
2006 Jun 14
4
Extend Draggable
Hello all,
I want to extend a draggable object so it has one more attribute (type
attribute, so I can distinguish different draggable types).
Can anyone tell me how to do it?
I''ve search throught the examples (like
http://wiki.script.aculo.us/scriptaculous/show/ExtendClass) but I
can''t seem to understand what I should do.
Thanks for you help,
H
2006 Mar 26
2
script.aculo.us 1.6 beta
Heya,
The script.aculo.us SVN repositiory now holds the 1.6 beta.
This version is mostly a refactoring/bugfix release, and marks the
switch over to
Prototype 1.5 (Prototype 1.4.0 is no longer supported). The required
prototype.js
file is included (lib/prototype.js) of course.
Changes since 1.5.3:
* Prepare for script.aculo.us 1.6, add Prototype 1.5 requirement and
check that
2007 Oct 23
0
drag'n'drop or sortable
Hi,
I''m a newbie and have a little problem getting into scriptalicious:
I''d like to convert the items of a drop down list into draggable
objects - they should be only draggable but not sortable. They should
be draggable onto another box but in there the items should be
automatically sorted by the numerical id''s and not sortable by the
user.
I looked through all the
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
2006 Jan 26
2
question about sortable demo
Hi,
I''m new to the script.aculo.us library and AJAX. Of course, I already
want to use a sortable list for something more complicated than the
sortable list demo. In the example below, what is the structure of
params[:list]? I don''t know what I can do with it once I have it in my
controller method.
Thanks,
Peter
# view
<ul id="list">
<% 6.times do |i|
2006 Aug 25
5
Dragging between DIVs with Prototype/script.aculo.us
Hi,
I''m fairly new to script.aculo.us, so hopefully this is the right place
to ask this question. I have the following situation (pseudo-code):
<div>
<Droppable 1>
<Droppable 2>
</div>
<div (scrollable)>
<Draggable 1>
<Draggable 2>
...
</div>
Basically, my Draggables are inside a scrollable <div> element (the
interface
2006 Feb 27
4
Getting nuts with sortables...
Folks,
It has been a whole day spent on this but I still can''t get my mind
around the most probably very stupid/basic mistake here... First, the
code I use:
<h3>List A</h3>
<ul id="lista" >
<li id="item1"> Item 1</li>
<li id="item2"> Item 2</li>
<li id="item3"> Item 3</li>
</ul>
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=
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
2005 Jul 20
3
examples of drag n drop
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
2006 Mar 03
8
How to use the sortable_element tagname option?
I''m having some difficulty adding drag-and-drop sorting to my
application. I''m hoping that someone can help me figure out what I''m
doing wrong:
#view
<table>
...
<tbody id="item-list-body">
<tr id="view-item-<%= item.id %>"....</tr>
</tbody>
...
<%= sortable_element(''item-list-body'',
2005 Oct 14
0
droping element and effect "of comming from nowhere"
Hello everyone.
I''m using drag and drop on my site, I''v notice strange effect about droping. When I hold element over the droppable area, and drop on it, i see that element not exacly drop on the droppable area, I see something like element coming from outside of the screen, or coming from diffrent position, it''s look like element slide and then is dropped on the
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"