Drag-n-Drop Demo

Description

8 Jul 2007: This page is being used to test new versions of xEnableDrag and xEnableDrop.

The 'leftColumn' element has a dotted border and is used as the drag limits for both 'drag1' and 'drag2'.

Controls

Disable/Enable: drag1 | drag2 | drop1 | drop2

drop1

I am a P inside the drop1 DIV

drop2

I am a P inside the drop2 DIV

Messages

Source

View the source and documentation for xEnableDrag, xDisableDrag, xEnableDrop and xDisableDrop.

Browser Support

The X core is designed for Opera 5+ (*), Mozilla, Firefox, Safari, WebKit, Internet Explorer 4+, Konqueror, Netscape 4.75+ (*) and browsers with similar object models. Object-detection instead of browser-detection is used exclusively. Currently, I'm testing with the following browsers. X has been tested by others on a wide variety of platforms.

WinXP: Opera 9.20, Firefox 2.0.0.3, Safari 3.0.2 and Internet Explorer 4, 5 and 7.

Win2K: Opera 7.51, FireFox 1.5.0.7 and Internet Explorer 6.

Sponsors

User Projects

If you are using X, XC or anything from this site, show off your work by posting a link in the X Showcase forum.

I am drag1. Drag and drop me on a drop.

I am drag2. Drag and drop me on a drop.