CARVIEW

MOTORHOMES

Select Language

HTTP/2 302 server: nginx date: Fri, 16 Jan 2026 00:56:27 GMT content-type: text/plain; charset=utf-8 content-length: 0 x-archive-redirect-reason: found capture at 20101110055234 location: https://web.archive.org/web/20101110055234/https://madrobby.github.com/scriptaculous/sortable/ server-timing: captures_list;dur=0.881387, exclusion.robots;dur=0.050641, exclusion.robots.policy;dur=0.041395, esindex;dur=0.009252, cdx.remote;dur=15.321071, LoadShardBlock;dur=256.482959, PetaboxLoader3.resolve;dur=53.033360, PetaboxLoader3.datanode;dur=79.947762 x-app-server: wwwb-app210-dc8 x-ts: 302 x-tr: 296 server-timing: TR;dur=0,Tw;dur=0,Tc;dur=0 set-cookie: wb-p-SERVER=wwwb-app210; path=/ x-location: All x-as: 14061 x-rl: 0 x-na: 0 x-page-cache: MISS server-timing: MISS x-nid: DigitalOcean referrer-policy: no-referrer-when-downgrade permissions-policy: interest-cohort=() HTTP/2 200 server: nginx date: Fri, 16 Jan 2026 00:56:27 GMT content-type: text/html x-archive-orig-server: nginx/0.7.67 x-archive-orig-date: Wed, 10 Nov 2010 05:52:34 GMT x-archive-orig-content-length: 13343 x-archive-orig-last-modified: Fri, 05 Nov 2010 12:52:03 GMT x-archive-orig-connection: close x-archive-orig-expires: Thu, 11 Nov 2010 05:52:34 GMT x-archive-orig-cache-control: max-age=86400 x-archive-orig-accept-ranges: bytes x-archive-guessed-content-type: text/html x-archive-guessed-charset: utf-8 memento-datetime: Wed, 10 Nov 2010 05:52:34 GMT link: ; rel="original", ; rel="timemap"; type="application/link-format", ; rel="timegate" content-security-policy: default-src 'self' 'unsafe-eval' 'unsafe-inline' data: blob: archive.org web.archive.org web-static.archive.org wayback-api.archive.org athena.archive.org analytics.archive.org pragma.archivelab.org wwwb-events.archive.org x-archive-src: 52_18_20101110034430_crawl102-c/52_18_20101110055213_crawl101.arc.gz server-timing: captures_list;dur=0.807096, exclusion.robots;dur=0.029492, exclusion.robots.policy;dur=0.010273, esindex;dur=0.018309, cdx.remote;dur=9.137601, LoadShardBlock;dur=110.824208, PetaboxLoader3.datanode;dur=93.246495, PetaboxLoader3.resolve;dur=92.073607, load_resource;dur=95.568761 x-app-server: wwwb-app210-dc8 x-ts: 200 x-tr: 280 server-timing: TR;dur=0,Tw;dur=0,Tc;dur=0 x-location: All x-as: 14061 x-rl: 0 x-na: 0 x-page-cache: MISS server-timing: MISS x-nid: DigitalOcean referrer-policy: no-referrer-when-downgrade permissions-policy: interest-cohort=() content-encoding: gzip Sortable — Scriptaculous Documentation

Sortable

Behaviours > Sortable

A Sortable is a quick way to initialize many Draggable elements in a container element. When you create a new Sortable, it takes care of the creation of the corresponding draggable Droppables.

Syntax

Use Sortable.create('id_of_container',[options]); to create new Sortables. See Sortable.create. Furthermore, there are special requirements to get sortables to work in FF3 which are also covered in Sortable.create.

Object

Property/Method	Description
SERIALIZE_RULE	`(RegExp) /^[^_\-](?:[A-Za-z0-9\-\_])[_](.)$/`
sortables	(Object) { }
options (element)	Internal function
destroy (element)	Destroys sortable
create (element, options)	Creates sortable
findElements (element, options)	Internal function
onHover (element, dropon, overlap)	Internal function, which may be overridden through the options parameter on creation
onEmptyHover (element, dropon, overlap)	Internal function
unmark()	Internal function
mark()	Internal function
tree (element)
sequence (element)
setSequence (element, new_sequence)
serialize (element)

Demos

See Sortable Lists Demo.

Creating sortables

See Sortable.create.

Disabling sortables


  Sortable.destroy( element );

A call to Sortable.create implicitly calls Sortable.destroy if the referenced element was already a Sortable.

Functions

Function	Description
Sortable.serialize	The Sortable object also provides a function to serialize the Sortable in a format suitable for HTTP GET or POST requests. This can be used to submit the order of the Sortable via an Ajax call. See Sortable.serialize
Sortable.sequence	The Sortable object also provides a function to get the values in an sequence array object. See Sortable.sequence

Tutorials

Use PHP and Ajax call to interact with Sortable

A short tutorial on using Sortables prepared for the Linux Users Group, Villafranca, Italy.

Original Source | Taken Source

script.aculo.us