Skip to content
Permalink
Browse files

demos/sortable: touched up sortable demos

  • Loading branch information
rdworth committed Dec 31, 2008
1 parent 5273974 commit 2b67c85b3672c40623892504af33ecd8953fd351
@@ -8,19 +8,19 @@
<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
.demo ul { list-style-type: none; margin: 0; padding: 0; }
.demo li { margin: 3px; padding: 2px; }
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 3px; padding: 0.4em; font-size: 1.6em; height: 1.4em; }
</style>
<script type="text/javascript">
$(function() {
$("ul").sortable();
$("#sortable").sortable();
});
</script>
</head>
<body>
<div class="demo">

<ul>
<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
@@ -29,16 +29,14 @@
<li class="ui-state-default">Item 6</li>
<li class="ui-state-default">Item 7</li>
<li class="ui-state-default">Item 8</li>
<li class="ui-state-default">Item 9</li>
<li class="ui-state-default">Item 10</li>
</ul>

</div><!-- End demo -->

<div class="demo-description">

<p>
The easiest way to make an element draggable. Hold down the mouse and drag it around.

</p>

</div><!-- End demo-description -->
@@ -53,7 +53,7 @@
<div class="demo-description">

<p>
The easiest way to make an element draggable. Hold down the mouse and drag it around.

</p>

</div><!-- End demo-description -->
@@ -53,7 +53,7 @@
<div class="demo-description">

<p>
The easiest way to make an element draggable. Hold down the mouse and drag it around.

</p>

</div><!-- End demo-description -->
@@ -46,7 +46,7 @@
<div class="demo-description">

<p>
The easiest way to make an element draggable. Hold down the mouse and drag it around.

</p>

</div><!-- End demo-description -->
@@ -9,7 +9,7 @@
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 3px; padding: 2px; float: left; width: 100px; height: 100px; }
#sortable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 100px; font-size: 4em; text-align: center; }
</style>
<script type="text/javascript">
$(function() {
@@ -21,26 +21,26 @@
<div class="demo">

<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
<li class="ui-state-default">Item 6</li>
<li class="ui-state-default">Item 7</li>
<li class="ui-state-default">Item 8</li>
<li class="ui-state-default">Item 9</li>
<li class="ui-state-default">Item 10</li>
<li class="ui-state-default">Item 11</li>
<li class="ui-state-default">Item 12</li>
<li class="ui-state-default">1</li>
<li class="ui-state-default">2</li>
<li class="ui-state-default">3</li>
<li class="ui-state-default">4</li>
<li class="ui-state-default">5</li>
<li class="ui-state-default">6</li>
<li class="ui-state-default">7</li>
<li class="ui-state-default">8</li>
<li class="ui-state-default">9</li>
<li class="ui-state-default">10</li>
<li class="ui-state-default">11</li>
<li class="ui-state-default">12</li>
</ul>

</div><!-- End demo -->

<div class="demo-description">

<p>
The easiest way to make an element draggable. Hold down the mouse and drag it around.

</p>

</div><!-- End demo-description -->
@@ -50,7 +50,7 @@
<div class="demo-description">

<p>
The easiest way to make an element draggable. Hold down the mouse and drag it around.

</p>

</div><!-- End demo-description -->
@@ -8,8 +8,8 @@
<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 3px; padding: 2px; }
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 3px; padding: 0.4em; font-size: 1.6em; height: 1.4em; }
</style>
<script type="text/javascript">
$(function() {
@@ -31,16 +31,14 @@
<li class="ui-state-default">Item 6</li>
<li class="ui-state-default">Item 7</li>
<li class="ui-state-default">Item 8</li>
<li class="ui-state-default">Item 9</li>
<li class="ui-state-default">Item 10</li>
</ul>

</div><!-- End demo -->

<div class="demo-description">

<p>
The easiest way to make an element draggable. Hold down the mouse and drag it around.

</p>

</div><!-- End demo-description -->

0 comments on commit 2b67c85

Please sign in to comment.
You can’t perform that action at this time.