|
Revision 633, 1.6 kB
(checked in by therve@gmail.com, 3 years ago)
|
Upgrade Sortable
|
| Line | |
|---|
| 1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|---|
| 2 |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|---|
| 3 |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
|---|
| 4 |
<head> |
|---|
| 5 |
<title>script.aculo.us sortable functional test file</title> |
|---|
| 6 |
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|---|
| 7 |
<script type="text/javascript" src="../../MochiKit/MochiKit.js"></script> |
|---|
| 8 |
<script type="text/javascript" src="../../MochiKit/New.js"></script> |
|---|
| 9 |
<script type="text/javascript" src="../../MochiKit/Visual.js"></script> |
|---|
| 10 |
<script type="text/javascript" src="../../MochiKit/Signal.js"></script> |
|---|
| 11 |
<script type="text/javascript" src="../../MochiKit/DragAndDrop.js"></script> |
|---|
| 12 |
<script type="text/javascript" src="../../MochiKit/Sortable.js"></script> |
|---|
| 13 |
<style type="text/css" media="screen"> |
|---|
| 14 |
#thelist li { background: green; margin:5px; padding: 30px; } |
|---|
| 15 |
div.dropmarker { |
|---|
| 16 |
height:6px; |
|---|
| 17 |
width:200px; |
|---|
| 18 |
background: url(dropmarker.png) left top; |
|---|
| 19 |
margin-top:-3px; |
|---|
| 20 |
margin-left:-5px; |
|---|
| 21 |
z-index:1000; |
|---|
| 22 |
overflow: hidden; |
|---|
| 23 |
} |
|---|
| 24 |
</style> |
|---|
| 25 |
</head> |
|---|
| 26 |
<body> |
|---|
| 27 |
<ul id="thelist"> |
|---|
| 28 |
<li id="thelist_1">Hey there! I'm item#1</li> |
|---|
| 29 |
<li id="thelist_2">Hey there! I'm item#2</li> |
|---|
| 30 |
<li id="thelist_3">Hey there! I'm item#3</li> |
|---|
| 31 |
</ul> |
|---|
| 32 |
|
|---|
| 33 |
<a href="#" onclick="MochiKit.Sortable.Sortable.create('thelist');return false;">Create sortable</a> | |
|---|
| 34 |
<a href="#" onclick="MochiKit.Sortable.Sortable.destroy('thelist');return false;">Destroy sortable</a> | |
|---|
| 35 |
<a href="#" onclick="alert(MochiKit.Sortable.Sortable.serialize('thelist'));return false;">Serialize sortable</a> |
|---|
| 36 |
|
|---|
| 37 |
</body> |
|---|
| 38 |
</html> |
|---|
