[JS]設置も簡単なテーブルのデータをソートする超軽量のスクリプト | コリス
leigeberから、既存のテーブルにも簡単に設置できる、データをソートする超軽量（1.7KB）のスクリプトを紹介します。 jQueryやPrototypeなど他のスクリプトは必要ありません。 JavaScript Table Sorter demo 動作確認ブラウザは、IE 6/7/8, Fx2/3, Op, Safari, Chromeとなっています。 設置方法は簡単で、既存のものにも簡単に組み込めます。 「script.js」と「style.css」を外部ファイルとして記述します。 tableに「class="sortable" id="sorter"」を記述します。 テーブルの下に下記のスクリプトを記述します。 <textarea name="code" class="html" cols="60" rows="5"> <script type="text/javascript">
ソートが可能なテーブル実装ライブラリ色々:phpspot開発日誌
CSS Juice 16 Sortable Table Techniques Tabular data in table form is a regular technique on web sites and web applications for represent data and information. ソートが可能なテーブル実装ライブラリ色々。 JavaScriptとCSSを活用し、データのソートが可能な便利なウィジェットを実装できるライブラリが多数紹介されています。 Nofunc Table Organize TableKit Brixontech Table Sort Sortable Selectable Zebra Table Kryogenix Sortable Sorting HTML Tables with Javascript SortedTable by M
DOMでテーブルを操作する１
DOMでテーブルを操作する１。 DOMで、テーブルを操作するには どのようなアプリケーションでも、クライアントに情報を表示したり、その内容を更新したりする場合、スプレッドシート状の画面が、主流になりがちです。 もちろん、HTMLドキュメントでそのような画面を作成するときは、tableエレメントが活躍します。DOMでは、tableの内容をいろいろと操作するための、多くのAPIが用意されています。 テーブルオブジェクトの構造は？ HTMLのtableエレメントに該当する、DOMのオブジェクトが、HTMLTableElementです。HTMLTableElementオブジェクトから取得できる情報や、直接操作ができる対象は、殆どが行単位のものです。 interface HTMLTableElement : HTMLElement { attribute HTMLTableCaptionElemen
久しぶりにJavaScriptを - しがないプログラマ の日記
どこかにありそうですけど、勉強のためにtableの中身をソートするJavaScriptを書いてみました。所要時間5時間くらいかな？JavaScriptでDOMをいじるのは簡単でいいですね。 汎用的に使えるようにしようと思ったのですが、JavaScriptのArray#sort()メソッドで文字列のソートと数値のソートを区別する必要があるため実装依存になってしまってます。ここをうまく整理できたら良いんですけど・・・。 とりあえず、現状のものを公開してみます。 使い方は、 var table; window.onload = function() { table = new sortTable('sortTable'); table.initialize(); }としておいて、ソートする場所で以下のメソッドを呼びます。同じ引数で複数回呼び出すと、降順・昇順が入れ替わります。 table.sor
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
