35 lines
920 B
HTML
35 lines
920 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>jQuery UI Draggable - Default functionality</title>
|
|
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
|
|
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
|
|
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
|
|
<link rel="stylesheet" href="/resources/demos/style.css">
|
|
<style>
|
|
#draggable { width: 150px; height: 150px; padding: 0.5em; }
|
|
</style>
|
|
<script>
|
|
$(function() {
|
|
$( "div[name=lol]" ).draggable();
|
|
});
|
|
function hide(obj) {
|
|
|
|
var el = document.getElementById(obj);
|
|
|
|
el.style.display = 'none';
|
|
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="draggable" name='lol' class="ui-widget-content">
|
|
|
|
<img border="0" src="themes/Sugar/images/close_inline.gif" onClick="hide('draggable')"></img>
|
|
|
|
</a>
|
|
<p>Drag me around</p>
|
|
</div>
|
|
</body>
|
|
</html> |