Cody Taylor's Dojo Example

Dojo List

HTML and Javascript <html>
<head>
<title>Cody Taylor's Dojo Test</title>
<style type="text/css">
   @import "includes/dojo/dojo/resources/dojo.css";
   @import "css/dojo_lists.css";

</style>

<script type="text/javascript" src="includes/dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
   dojo.require("dojo.dnd.Source");
   dojo.require("dojo.dnd.Manager");

   var c1;

   function init(){
      c1 = new dojo.dnd.Source("container");
   c1.insertNodes(false, ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5","Item 6"]);
   };
   dojo.addOnLoad(init);
</script>
</head>

<body>
<center>
<h1 class="testTitle">Cody Taylor's Dojo Example</h1>
<div id="dragLists">
<div style="margin:5px; ">
<h3>Dojo List</h3>
<p id="container" class="container"></p>
</div>
<div class="clear"></div>
</div>
</center>
</body>
</html>

CSS body {
padding: 1em;
background:black;
color:white;
}

.container {
border:3px solid #ccc;
cursor: default;
radius:8pt;
background:#000;
-moz-border-radius:8pt 8pt;
}

#container { width:100px; display:block; }

.clear { clear:both; }

.dojoDndItemOver {
background: #222222;
cursor:move;
}

.dojoDndAvatarItem {
background: #222;
border-bottom:1px solid #666;
}

.dojoDndAvatar {
border:2px solid #ccc;
font-size: 150%;
-moz-border-radius:8pt 8pt;
radius:8pt;
}

.dojoDndAvatarHeader {
display: none;
}

.dojoDndItemBefore {
border-top: 4px solid orange;
}

.dojoDndItemAfter {
border-bottom: 4px solid orange;
}