Tablekit
2008年5月27日 23:48
テーブルの項目のソート／サイズ変更／内容の編集までできてしまうスクリプト「Tablekit」。いろいろとできてしまうのですが、とりあえず一番使いそうな「ソート」のサンプルを作成しました。
サンプル
| タイム | 名前 | 日付 | 場所 |
|---|---|---|---|
| 2.19.12 | 野口みずき | 2005/09/25 | ベルリン |
| 2.19.41 | 渋井陽子 | 2004/09/26 | ベルリン |
| 2.19.46 | 高橋尚子 | 2001/09/30 | ベルリン |
| 2.21.45 | 千葉真子 | 2003/01/26 | 大阪 |
| 2.21.51 | 坂本直子 | 2003/01/26 | 大阪 |
| 2.22.12 | 山口衛里 | 1999/11/21 | 東京 |
| 2.22.46 | 土佐礼子 | 2002/04/14 | ロンドン |
| 2.22.56 | 弘山晴美 | 2000/01/30 | 大阪 |
| 2.23.26 | 大南博美 | 2004/09/26 | ベルリン |
| 2.23.30 | 小崎まり | 2003/01/26 | 大阪 |
使用方法
参照元からjavascriptをダウンロード。テーブルのthにclass指定することでソートの可否が設定可能。また文字列について、任意の順番を設定することも可能です。
参照元
[ ajax Samples ]
- JQuery Pagination Plugin
- ページネーションを自動で作成するJQueryプラグイン。
- stview.js
- Googleストリートビューを簡単に表示させられるスクリプト。
- Innerfade
- jqueryを使用した手軽に使えるフェードイン＆アウト用スクリプト。
- Slideshow2
- mootoolsを使用した高機能なスライドショー表示Script。
- Twitterをサイトに表示する
- Twitterでの「つぶやき」を、ウェブサイトに表示するサンプル。
- Firefoxの「位置情報通知機能」
- FireFox3.5で追加された「位置情報通知機能」を利用しGoogleMapsに表示するサンプル。
- jQuery.slidescroll.js
- 手軽にスムーズスクロールを実現するスクリプト「jQuery.slidescroll.js」。
- Columnizer
- 手軽にカラムレイアウトを実現するスクリプト「Columnizer」。
- Wilq32.RotateImage
- 画像に角度をつけて傾けて表示するjQueryライブラリ。
- jQuery.selectable.js
- jQueryをベースにしたselectボックス拡張スクリプト。
- liScroll
- jQueryを使ったマーキー風ニュースティッカー。
- noobSlide
- mootoolsを使った画像スライド表示スクリプト「noobSlide」。
- FancyBox
- jQueryを使った動きのある拡大画像表示スクリプト。
- jQuery Sparklines
- jQueryを使ったかわいいインラインのグラフ描画スクリプト。
- Accordion 2
- jQueryを使ったシンプルなアコーディオンメニュースクリプト。
- Accordion
- アコーディオンメニュースクリプトのmootoolsデフォルト版。
- Tablekit
- テーブルの項目のソート／サイズ変更／内容の編集までできてしまうスクリプト。
- SmoothGallery
- Flashライクなインパクトのある仕組みの画像アルバムスクリプト。
- Curvy Corners
- 要素の角を丸く表示するスクリプト。
- Flot
- jQueryを使用した折れ線グラフ描画スクリプト。
- iCarousel
- スクロールして閲覧する画像ギャラリー。
- 3D Carousel
- JQueryを使用した回転する画像ギャラリー。
- Lightbox
- ajax定番？ポップアップで大画像を表示するスクリプト。
- Reflection
- 手軽に反射画像を実現するスクリプト。