dragon_drop basic demo

Basic demo of dragon_drop with no minimising or dynamic generation.

by Erin Nolan

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="https://rawgit.com/BluePigeons/dragon_drop/master/dragondrop.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="https://rawgit.com/BluePigeons/dragon_drop/master/dragondrop.js"></script>
<body>

<!--The Page Content-->
<div data-role="main" class="ui-content">
  <div id="main page" class="container">

    <div class="row" id="test-page-body">
      <!--this is where the popups will appear-->
    </div>

  </div>
</div>

</body>

JavaScript

add_dragondrop_pop("test", "<p>this</p>", "test-page-body", false);
initialise_dragondrop("test-page-body", {"minimise": false});