<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Drag Box</title>
<script src="raxan/startup.js" type="text/javascript"></script>
<script type="text/javascript" src="views/scripts/css-dragbox.js"></script>
</head>
<body>
<div class="container c30">
<div id="box" class="rax-box alert c10 hide default"><h2 class="bottom">Drag & Clike Me!</h2></div>
</div>
</body>
</html>
/*
* Dragbox Code behind
*/
// include css
Raxan.css('master');
Raxan.css('default/theme');
// include library files
Raxan.include('jquery');
Raxan.include('jquery-ui-interactions');
// main startup function
Raxan.ready(function(){
// make box draggable
var box = $('#box').draggable().show("slide", { direction: "left" }, 500);
});
Raxan.bind('#box','click',function(){
$(this).hide('explode');
})