ダウンロードはここから。
評価
- 使いやすさ：○ 何も指定しなくていいのは、実は楽かも。nosortもあるし。
- 安心：prototypeは安心ですね。scriptaculousは使ったことないから、自分のスキルに若干不安あり。
- その他：他のJavaScriptライブラリとの併用は大丈夫？統一すべきだよなー
jQueryのときと変わった部分
- 読み込むスクリプトが違うのは当然。
- scriptを読み込む＆class指定のみでソート可能
ソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title> .:: Sample Play Keepaway ::. Table-Sort-01</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="cache-control" content="no-cache">
<meta name="Author" content="Sample">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="stylesheet" href="css/style.css" type="text/css" media="print, projection, screen" />
<script language="Javascript" type="text/javascript" charset="UTF-8" src="js/lib/scriptaculous/lib/prototype.js"></script>
<script language="Javascript" type="text/javascript" charset="UTF-8" src="js/lib/fastinit.js"></script>
<script language="Javascript" type="text/javascript" charset="UTF-8" src="js/lib/tablesort.js"></script>
</head>
<body>
ソートしたい場合は、class="sortable"を記述する
| first name | last name | age | total | discount | date |
|---|---|---|---|---|---|
| peter | parker | 28 | $9.99 | 20% | jul 6, 2006 8:14 am |
| john | hood | 33 | $19.99 | 25% | dec 10, 2002 5:14 am |
| clark | kent | 18 | $15.89 | 44% | jan 12, 2003 11:14 am |
| bruce | almighty | 45 | $153.19 | 44% | jan 18, 2001 9:12 am |
| bruce | evans | 22 | $13.19 | 11% | jan 18, 2007 9:12 am |
ソートしたくない場合は、class="nosort"を記述する
| first name | last name | age | total | discount | date |
|---|---|---|---|---|---|
| peter | parker | 28 | $9.99 | 20% | jul 6, 2006 8:14 am |
| john | hood | 33 | $19.99 | 25% | dec 10, 2002 5:14 am |
| clark | kent | 18 | $15.89 | 44% | jan 12, 2003 11:14 am |
| bruce | almighty | 45 | $153.19 | 44% | jan 18, 2001 9:12 am |
| bruce | evans | 22 | $13.19 | 11% | jan 18, 2007 9:12 am |
</html>
0 件のコメント:
コメントを投稿