dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
53 lines (42 loc) • 1.43 kB
HTML
<html>
<head>
<title>Drag And Drop - AutoScroll</title>
<link rel="stylesheet" type="text/css" href="../../../../dojo/resources/dojo.css" />
<link rel="stylesheet" type="text/css" href="../../../../dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css" href="../../../../dijit/tests/css/dijitTests.css" />
<link rel="stylesheet" type="text/css" href="../../resources/dnd.css" />
<link rel="stylesheet" type="text/css" href="../resources/test_dnd.css" />
<style type="text/css">
.draggedNode{
position:absolute;
width:120px;
height:120px;
background-color:#FFF;
border:1px solid #000;
padding:5px;
}
.bigDiv{
top:0px;
left:0px;
width:1600px;
height:1600px;
}
</style>
<script type="text/javascript" src="../../../../dojo/dojo.js" data-dojo-config="isDebug: true, parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dojox.mdnd.AutoScroll");
dojo.require("dojox.mdnd.Moveable");
dojo.addOnLoad(function(){
var mov = new dojox.mdnd.Moveable({},dojo.byId("dragNode"));
});
</script>
</head>
<body class="tundra">
<div class="bigDiv">
<h1>Drag and Drop</h1>
<div id="dragNode" class="draggedNode" style="left:150px;top:150px;">Drag me ! to see autoscroll working go out of the screen</div>
</div>
</body>
</html>