« 3回に1回 | メイン | HTML ソースコードをウェブページで表示する »

script.aculo.us : マウス(ドラッグ&ドロップ)でリストを順序変更(ソート)する

あとで読む

ブラウザ上で何かのリストの順序変更(ソート)できるようにするのってメンドーだけど、とても簡単にしてくれるライブラリ。すごいなぁ、これ。script.aculo.us - web 2.0 javascript

サンプルコード

<html>
<head>
<script type="text/javascript" src="/samples/js/prototype.js"></script>
<script type="text/javascript" src="/samples/js/scriptaculous.js"></script>
<style type="text/css">
li { cursor: pointer; }
</style>
<title>Sortable List Sample</title>
</head>
<body>
ドラッグ&ドロップでソートできます。
<ul id="list">
<li id="list_1">Item1</li>
<li id="list_2">Item2</li>
<li id="list_3">Item3</li>
</ul>
<script type="text/javascript">
Sortable.create("list");   <-- これだけ!
</script>
<form>
POST用データ作ります。
<input type="button" value="serialize" onclick="alert(Sortable.serialize('list'))"/>
</form>
<a href="/">groundwalker.com</a>
</body>
</html>

Trackbacks

Trackback URL:
http://groundwalker.com/mt/gwtb.cgi/73

» script.aculo.us : Sortable.sequence() による POSTデータ作成 from groundwalker.com
以前のエントリ(script.aculo.us : マウス(ドラッグ&ドロップ... [More...]

« 3回に1回 | メイン | HTML ソースコードをウェブページで表示する »

スポンサー

関連ブログ

あわせて読みたい

関連キーワード

Powered by
Movable Type 3.34
track feed
groundwalker

連絡先