Displaying 20 results from an estimated 10000 matches similar to: "how-to: Draggable"
2006 Apr 11
1
IE Sortable Style Problem
Hi Guys,
I am having a problem in IE (tested versions 6 and 7 beta) with sortable divs in a container div with overflow set to scroll. It looks like all of the divs have their position set to relative after the sortable initializes, and also after being dragged. When a div (any element?) has a relative position in a containing div with overflow set to scroll, all of the divs with relative
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
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 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 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 May 23
2
Draggables and z-index
I''m using Draggagle on a couple of divs and when I drop the first one, it''ll
always drop behind (in terms of z-index) the second one. I even added a
revert function to add a CSS class to the div that should raise it up, but I
think the style.zIndex is "winning."
Looking at the code, it seems like the zIndex stuff is set *after*
the revert function is called... is
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 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 Nov 07
1
draggable with iframeshim for ie6
you all know the problem with select and textbox in ie6 where you need
an iframe under your divs so they will visually be on top. does
scriptaculous have api for iframeshim like yahoo yui does?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group.
To post to this group, send
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:
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 Feb 28
0
Question abour Draggables & Droppables - my code example
hi i think my example is very simple and straightforward so i''m not sure if
it meets your needs (change revert:true to revert:false from a draggable
after I drop it on a droppable so it doesn''t return to its original place.)
i did this
# 2 divs created here
<script language="javascript">
new Draggable(''drag'', {revert: false});
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 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 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 Jun 18
0
Very cool scriptaculous table drag and drop stopped working on new version
Using older versions of prototype.js (1.4.0_rc2) and scriptaculous
(1.5._rc4), I had a master table containg other tables (sections), each
of which had rows. Using tbody''s as containers, I could drag the
section tables up and down over the other section tables AND drag the
rows in a section table up and down within that table or into the rows
of the other section tables, all very
2006 Jan 20
1
[protoype] Problem with Effects on draggable element if revert is true
hi,
I have a draggable element (cart-item) in a shopping cart
<%= draggable_element "item_#{product}_#{i}", :revert => true %>
When this element is dragged outside the cart into the "main_div", I want to
show a puff effect and remove the element. When it is dragged within the
cart, it should revert.
So i wrote this code for drop_receiving _element
<%=
2005 Dec 16
0
Bug in script.aculo.us Draggable in 1.5
I have a Draggable object that contains a SELECT with some OPTION tags.
When I select one of the OPTION tags, the entire Draggable acts as
though it is being dragged.
There is code in the Draggable object to stop this for Firefox:
initDrag: function(event) {
if(Event.isLeftClick(event)) {
// abort on form elements, fixes a Firefox issue
var src =
2005 Oct 25
0
Speed improvements for draggable elements?
Hi All,
I''ve just started with all of the wonderful scriptaculous goodness
that has been made available (thanks Sam and Thomas!) and have a
question.
My issue is with dragging performance and wonder if there''s something
simple I''m missing. When I click on a draggable element (on the left-
hand side of the page in my app), I can immediately begin dragging
it,
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