Drag'n drop

Drag and drop - Arrange table rows

This scripts enables you to rearrange rows in a HTML table by using drag and drop. One example of use is to rearrange articles in a Content Management System(CMS)

Info and download | Demo

iGoogle-like Drag & Drop Portal v2.0

Submitted/External script

This is a great script created by Michel Hiemstra. It's an iGoogle like portal script similar to the Dragable RSS boxes from this site.

Script homepage | Our local demo | Michel's demo

DG Image Crop

FF,IE

A new and improved image crop script. This version is event driven and much more flexible than the old version. Along with this script, you also gets the two additional standalone scripts DG Movable and DG Resizable, which you can use to move or resize elements. The DG Image crop script is created based on these two scripts.. These are two standalone scripts which you can use to move or resize content.

Info and download | Demo

Custom drag and drop script

FF,IE5.5,Op8

Last updated: September, 22nd 06, New features: Limit dragging(directions or by parent id).

This is not like any of the other drag and drop scripts you'll find below. The purpose of this script is to make it possible for you to create your own DHTML drag'n drop applications.

Info and download | Demo 1 | Demo 2 | Demo 3

Folder tree with drag and drop

FF,IE5.5,Op8

Last updated: November, 10th 06, New features: Rename and delete nodes.

A folder tree with support for drag and drop. Rearrange the nodes in the tree by dragging and dropping them like you do with folders in a file manager or in a mail program(Outlook, Thunderbird etc.). Ajax is used to send the new structure to the server.

Info and download | Demo

DHTML Week planner

FF,IE6,Op8

Last updated: October, 7th 06, Possible to specify start and end hour for the planner.

This is a nice DHTML week planner. It used Ajax to get events/appointments from the server. This script makes it easy for you to move, resize and edit events without having to reload the page. The changes you make are instantly sent to a server so that they could be saved in your database.

Note! PHP or other server side language is required.

Info and download | Demo

Dragable RSS boxes

FF,IE5.5+,Op8

Last updated: October, 28th 06, Preserving box state(expanded or collapsed).

This is is a script that uses Ajax to read data from external RSS sources and display them inside dragable boxes. You can also create new boxes dynamically directly from the page. This is the first version of this script. New functionality will be added to this script during the following weeks and months.

Info and download | Demo

Arrange content

FF,IE5.5+,Op7

This script makes it easy for you to organize complex content. The script also includes a nice auto scroll feature which automatically scrolls the document up or down if the mouse pointer is near the top or bottom browser edge. You will also have a save function available which you can use to save your changes.

Info and download | Demo | Demo 2

Dragable content

FF,IE5.5+,Op7

Last updated: June, 14th 06, New feature: Use cookie to remember positions and z-index.

This is a script that makes elements on your page dragable by assigning them to the CSS class "dragableElement". In the demo, you can drag the menu, the images and the small text box.

Info and download | Demo | Demo 2 | Demo 3

Drag and drop to columns - quiz script

FF,IE5.5+,Op7

Last updated: Jan, 8th 06, Made it possible to lock items after they have been dropped.

This script is based on the Drag and drop to column script below. Some new functionality has been added on top of this script to turn it into a quiz script. The goal is to drag the nodes from the big left side column and drop them where they belong. Example: Oslo should be moved Norway, Notre Dame to France, Mississippi to United States etc.

Info and download | Demo | Demo 2

Drag and drop - quiz script

FF,IE5.5+,Op7

Last updated: Jan, 8th 06, Made it possible to lock items after they have been dropped.

A useful script for teachers and others who wants to show a quiz on their web page. In this script you have columns with questions and answers. Your goal is to drag answers to the empty boxes. Example: Drag the capital Oslo to the empty box next to Norway.

Info and download | Demo (drag capitals) | Demo (Math)

Drag and drop to columns

FF,IE5.5+,Op8

Last updated: Jan, 18th 06, Support for dragging multiple instances of an item to the same box.

This is an extended version of the arrange node script below. In this script you can drag nodes to a set of boxes. Look at the demo where you can drag "students" to different teams.

Info and download | Demo | Demo 2 | Demo 3

Drag and drop text nodes

FF,IE5.5+,Op8

Last updated: Aug, 25th 06, Fixed problem related to scroll offset.

A useful script if you need to rearrange items. The script is compatible with both Internet Explorer, Firefox and Opera 8. This script could typically be useful to rearrange articles in a Content Management System.

Info and download | Demo | Demo 2

Floating gallery with drag and drop

FF,IE5.5+,Op8

Last updated: April, 28th 09, Minor bugfix + support for moving images to the end.

In this gallery, the images are floating. This means that the number of images on each row is determined by the width of the browser window. This script also allows you to rearrange the order of the images by dragging & dropping them.

Info and download | Demo

Go to cbolson.com


About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2024 dhtmlgoodies.com