Displaying 20 results from an estimated 4000 matches similar to: "Draggable option elements"
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"
2005 Sep 14
3
Effects.Scale and form input elements
is it possible to use Effects.Scale to make a set of form input
elements appear in a ''slide out'' effect? I''m trying to build a
control with a button which, when clicked, will cause a row of form
inputs to appear. I can do this with Effects.Appear, but what I
really wanted was for the inputs to appear to ''slide out'' from the
button.
What I
2005 Oct 18
3
Ajax.Request / XmlHttpRequest details
Does anyone know a good reference for the various statuses that
XmlHttpRequest''s readyState property can have? I mean, I know what
the states are, but I''m unclear on the circumstances under which each
occurs...
In a simple test I wrote, I''m seeing the loaded, interactive and
complete states (i.e. my Ajax.Request instance calls its onLoaded,
onInteractive and
2005 Sep 18
3
Attaching effects during onload
I''m trying to attach effects to elements in my onload handler and my
lack of Javascript-fu is showing... I want to call the effect from
the onclick handler of an anchor inside the div I want the effect to
apply to. Here''s what I''m trying to do:
function doOnLoad() {
var filters = document.getElementsByName(''filter'');
for
2005 Oct 18
0
RE: Error: "onclick() is not a function"
I see what he is saying now. When you assign a click event with the
Event.observe it does not allow you to call it with the
$(''xxx'').onclick(); command as it''s looking for the onclick tag in the a
tag.
I''m stumped on a way to get this to work.
Jon Whitcraft
Web Application Developer
Online Services - Indianapolis Motor Speedway
(317) 492-8623
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 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 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 04
0
Clicking a Draggable
Is there a standard way to catch single click on Draggable divs?
Ideally I''d be able to receive an x,y position of a click on a div
(I''m thinking onmouseup) when the map has not been dragged, but when
the map is dragged, I don''t receive (or can easily ignore) an onclick
event.
I this something I have to hack into Draggable or is there something I
can use there already?
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 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 =
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
<%=
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
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,
2005 Dec 08
2
bounce effect
Hi,
I was wondering if anyone has seen (or completed) an effect to make
something ''bounce'' like icons do in the OS X dock when you launch
them? Something that looks like there''s a bit of gravitational
behavior to it?
Thanks,
Trevor
Trevor Squires
http://somethinglearned.com
2005 Sep 20
1
Tabular structure where you can use keyboard to navigate up and down
Need some help in creating a table structure such that I can use the keyboard up/down keys to move through the rows.
Can anyone give me a pointer to this?
So, if I have 5 row in the table, I want to be able to use my keyboard to go up and down and select every row (without using the mouse).
Thanks,
Mandy.
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
2005 Oct 17
11
a better question
I''m trying to call a click() event on an <a href> that has an
Observable registered for it. Something like:
<a href="#" id="toggle_1929">show</a>
...
Event.observe("toggle_1929", ''click'', function(event){ Element.toggle
("group_1929"); return false; });
...
$("toggle_1929").click(); //this throws
2008 May 02
2
making an element draggable after it's been dropped in a drop zone
Hi,
I have this code which allows me to drop a draggable item in to a
droppable zone. It works fine but what i want to happen is once the
item ( droppable) has been dropped in to the drop zone (dropp) for the
item to be draggable again. At the moment once ive dropped the item in
the drop zone i can''t make it draggable again.....even if i repeat
this line:
new
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)
2005 Oct 19
0
ghosting draggables
Hi All
I''m not sure if this is possible but....
Currently what happens is this
*I have a draggable which is ghosted on drag
* On release of the draggable the orgional element (the one that doesnt move) disappears and the
ghosted element reverts back to the origional elements postion
what I''d like is:
*have a draggable which is ghosted on drag
* On release of the draggable