Create a movable tag through code

 

<html>
  <head>
    <link rel="StyleSheet" type="text/css"
      href="js/dojo/dijit/themes/tundra/tundra.css">
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
        dojo.require("dojo.dnd.Moveable");
        dojo.require("dojo.parser");

    dojo.addOnLoad(function(  ) {
        var e = document.createElement("div");
        e.innerHTML="asdf";
        dojo.addClass(e, "moveable");
        dojo.body(  ).appendChild(e);
        var m = new dojo.dnd.Moveable(e);
      });

    </script>
  </head>
  <body class="tundra">
   
</body>
</html>

Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.	Drop to target
2.	Reorder DIV tag
3.	dojo drag and drop reorder
4.	Make text field moveable
5.	Make any tag moveable

Create a movable tag through code : Drag Drop « Dojo toolkit « JavaScript DHTML

Related examples in the same category