<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Dojo DragHandle Test</title> <script type="text/javascript"> var djConfig = { isDebug: true /* , debugAtAllCosts: true */ }; </script> <script type="text/javascript" src="../../dojo.js"></script> <script type="text/javascript"> dojo.require("dojo.dnd.*"); dojo.require("dojo.event.*"); // dojo.hostenv.writeIncludes(); </script> <script type="text/javascript"> function init(){ var dl = dojo.byId("dragList"); new dojo.dnd.HtmlDropTarget(dl, ["li"]); var lis = dl.getElementsByTagName("li"); for(var x=0; x<lis.length; x++){ new dojo.dnd.HtmlDragSource(lis[x], null, lis[x].firstChild); } } dojo.addOnLoad(init); </script> </head> <body> <ul id="dragList"> <li><b>*</b>item 1</li> <li><b>*</b>item 2</li> <li><b>*</b>item 3</li> </ul> </body> </html>