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.
56 lines (49 loc) • 2.99 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Dnd VerticalDropMode Test</title>
<link rel="stylesheet" type="text/css" href="../../../../dojo/resources/dojo.css" />
<link rel="stylesheet" type="text/css" href="../../../../dojo/tests/dnd/dndDefault.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" />
<script type="text/javascript" src="../../../../dojo/dojo.js"
data-dojo-config="parseOnLoad:true, isDebug:false"></script>
<script type="text/javascript">
dojo.require("dojox.mdnd.AreaManager");
dojo.require("dojox.mdnd.DropIndicator");
dojo.require("dojox.mdnd.dropMode.VerticalDropMode");
var init = function(){
var m = dojox.mdnd.AreaManager.areaManager();
m.areaClass = "dndArea";
m.dragHandleClass = "dragHandle";
m.registerByClass();
};
dojo.addOnLoad(init);
</script>
</head>
<body class="tundra">
<div id="main">
<h1>Drag and Drop : VerticalDropMode</h1>
<div id="leftArea" class="dndArea container" style="top:80px; left: 50px;">
<div id="itemA" class="dndItem">
<div class="title dragHandle">title</div>
<div>
<p>Proin aliquet accumsan nunc. Duis nec tortor. Aliquam erat volutpat. Fusce erat velit, fringilla vel, varius nec, rhoncus sed, quam. Morbi orci. In arcu dolor, tempor sit amet, mattis ac, dignissim sed, purus. Cras malesuada, massa et bibendum facilisis, metus eros tristique pede, ac ullamcorper urna pede at nulla. Morbi a nulla gravida tellus pellentesque commodo. In hac habitasse platea dictumst. Nunc sit amet nisl nec mauris venenatis pharetra. Nam tristique consequat justo. Curabitur hendrerit venenatis purus.</p>
</div>
</div>
</div>
<div id="middleArea" class="dndArea container" style="top:80px; left: 350px;"></div>
<div id="rightArea" class="dndArea container" style="top:80px; left: 650px;">
<div id="itemB" class="dndItem">
<div class="title dragHandle">title</div>
<div class="fixedHeight">
<p>Proin aliquet accumsan nunc. Duis nec tortor. Aliquam erat volutpat. Fusce erat velit, fringilla vel, varius nec, rhoncus sed, quam. Morbi orci. In arcu dolor, tempor sit amet, mattis ac, dignissim sed, purus. Cras malesuada, massa et bibendum facilisis, metus eros tristique pede, ac ullamcorper urna pede at nulla. Morbi a nulla gravida tellus pellentesque commodo. In hac habitasse platea dictumst. Nunc sit amet nisl nec mauris venenatis pharetra. Nam tristique consequat justo. Curabitur hendrerit venenatis purus.</p>
</div>
</div>
</div>
</div>
</body>
</html>