jquery-ui/tests/draggable.html
2008-06-07 18:03:19 +00:00

43 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Draggable Test Page</title>
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../ui/ui.core.js"></script>
<script type="text/javascript" src="../ui/ui.draggable.js"></script>
<script type="text/javascript" src="qunit/testrunner.js"></script>
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
<script type="text/javascript" src="draggable.js"></script>
<style>
html { border: 0; }
#main {
position:absolute !important;
top: -1000px !important;
left: -1000px !important;
}
</style>
</head>
<body>
<h1 id="header">Draggable Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;">
<div id='draggable1' style="background: green; width: 200px; height: 100px;">Relative</div>
<div id='draggable2' style="background: green; width: 200px; height: 100px; position: absolute; top: 10px; left: 10px;"><span>Absolute</span></div>
</div>
<ol id="tests"></ol>
</body>
</html>