|
<html>
<head>
<title>Untitled Document</title>
<script src="scriptaculous-js-1.8.2/lib/prototype.js" type="text/javascript"></script>
<script src="scriptaculous-js-1.8.2/src/scriptaculous.js" type="text/javascript"></script>
<script src="scriptaculous-js-1.8.2/src/unittest.js" type="text/javascript"></script>
<script type="text/javascript">
Event.observe(window, 'load', function() {
var changeEffect;
Sortable.create('myList', {
onChange: function(item) {
var list = Sortable.options(item).element;
alert(Sortable.serialize(list).escapeHTML());
if (changeEffect) changeEffect.cancel();
changeEffect = new Effect.Highlight('changeNotif', { restorecolor: 'transparent' });
},
onUpdate: function(list) {
alert(Sortable.serialize(list).escapeHTML());
}
});
});
</script>
</head>
<body>
<ol id="myList">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ol>
</body>
</html>
|