This module employs the Drag and Drop (DnD) capability that is part of HTML 5. At this time, the DnD API, is implemented in all modern browsers, although there are differerences in implementation between them. Some of these differences will be outlined below.
Remember that commands are always in uppercase (case-sensitive)
and can have none or up to two parameter values.
To include this support module, two things must be done. First, in the HEAD section of your document, add
<style type="text/css">
*[draggable=true] {
-khtml-user-drag: element;
-webkit-user-drag: element;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
user-drag: element;
}
</style>
(which permit Drag and Drop to work in the Safari and Konquorer browsers on all elements which have an attribute of draggable set to true; the user-select rule prevents selecting text in the dragged element) and then add
<script type="text/javascript" src="cCore.js"></script>
<script type="text/javascript" src="cHtml5Dnd.js"></script>
You only have to make sure that the cHtml5Dnd.js module
is loaded after the core module.
Download this
module as a zip file. |