Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
古籏一浩さんとのはじめての共著 発売中-->『Ajax実践テクニック』 古籏一浩/高橋 登史朗 (著)秀和システム
配本予約開始-->『入門Ajax 増補改訂版 』 高橋 登史朗 (著)ソフトバンククリエイティブ ; ISBN: 4797336242
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 2 ) AjaSQL ( 10 ) Ajax ( 575 ) Arax ( 1 ) canvas ( 10 ) CSS ( 11 ) ( 5 ) DLNA ( 1 ) Dojo ( 17 ) DOM ( 45 ) ES4 ( 4 ) Ext JS ( 2 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 46 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 119 ) GPS ( 42 ) HTTPヘッダサンプル ( 9 ) Internet ( 1 ) iPhone ( 31 ) IPv6 ( 1 ) 漫画 ( 1 ) Java ( 45 ) JavaScript ( 265 ) jKamo ( 8 ) jQchart ( 2 ) jQuery ( 111 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 47 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 16 ) Mac ( 8 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 3 ) Movable Type ( 57 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 7 ) P2P ( 2 ) Perl ( 7 ) PHP ( 37 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 22 ) ROBOT ( 1 ) RSSリーダー ( 14 ) Ruby on Rails ( 7 ) Spry ( 6 ) SQLite ( 16 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 15 ) TRON ( 1 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Webサービス ( 98 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 29 ) XML ( 30 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 64 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) WinTips ( 2 ) こりゃすごい ( 3 ) チューニング ( 22 ) ダイナミックロード関数 ( 7 ) リファレンス ( 18 ) ライブラリ ( 114 ) レーダー雨量表示 ( 1 ) ハード ( 23 ) ペンギン ( 2 ) ブラウザ ( 73 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 11 ) クロスブラウザ関数 ( 7 ) スマートフォン ( 8 ) セキュリティ ( 114 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 47 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 26 ) 牛久大仏 ( 9 ) 携帯 ( 138 ) 言語 ( 18 ) 故障 ( 3 ) 洪水警報システム ( 2 ) 今日のひと言 ( 5 ) 仕様 ( 60 ) 雑談 ( 232 ) 実装 ( 1 ) 書籍 ( 17 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
【info】有料サポート(ベータ)限定 承り中 多忙につき、一時、新規受付停止 閉店中 /【JSサポート(仮称)】 

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

2008年02月21日

【jQuery】プラグイン CSVファイルをテーブル表示 jquery.csv2table.js

jQuery , ライブラリ ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


CSVファイルをテーブル表示 するプラグインを創ってみました
jquery.csv2table.js
http://jsgt.org/lib/jquery/plugin/csv2table/v001/test.htm

テーブル関係のライブラリはたくさんありますが、高機能すぎてちょっと使うのには面倒な場合が多くあります。

そこで、エクセルなどで保存する時に、タブ区切りやカンマ区切りなどの.csvや.txtにするだけで、クロスブラウザなテーブルを表示できるというjQueryプラグインを作ってみました。

書式 jQuery(セレクタ).csv2table(CSVファイルURL,option);

option

	nowloadingImg     : $.csv2table.loadImg,    //Image of now loading...
	nowloadingMsg     : 'now loading...',       //Massege of  now loading...
	removeDoubleQuote : true,                   // remove '"'
	row_sep           : '\n',                   //Separator of rows. default '\n'
	col_sep           : '\t',                   //Separator of cols. default '\,'
	loaded            : function(li,contents){},//collback event
	className_oj      : 'csv2table',            //className 
	className_table    : 'csv2table-table',     //className 
	className_table_th : 'csv2table-table-th',  //className 
	className_table_td : 'csv2table-table-td'   //className 

列と行の区切りを自由に選べるのがとりあえずポイントですが、バグのもとでもありますのでf^^;デフォルトのタブ区切り推奨です。
更新記録など

追記 2008.3.7 v 0.02-b-1.4 表示列選択setting.select {select:[0,1,3]} を追加。 setting.orderBy が失敗だったので、とりあえず、単列ソートのみ。(orderBy : [[0,'D']] ) 'D'==DESC 降順 'A'==ASC 昇順

追記 2008.3.7 v 0.02-b-1.3 setting.orderBy を追加。 (orderBy : [[0,'D'],[3,'D'],[4,'A']] ) 'D'==DESC 降順 'A'==ASC 昇順

追記 2008.3.2

ソート&再構築があまりに遅かったので、oldタイプなJavaScriptコードに改築して倍速になりました。あと、csv2tableのオプションにoj.useというのを追加して、'jqchart:line#canvasID名'を指定できるようにしておきました。これを指定するだけで、CSVからグラフがほぼ自動生成できるわけです。 デモ http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm use : 'jqchart:line#canvasMyID'のサンプル http://jsgt.org/lib/jquery/plugin/csv2table/v002/min0-5-1.htm http://plugins.jquery.com/project/csv2table

追記 2008.2.29 (重要) v 0.01-beta-7.jsから行セパレータのデフォルトをタブからカンマに修正 col_sep:","

追記 2008.2.25 リリースしたとたんにバグフィックス版 version : 0.01-beta-6 リリース。 http://plugins.jquery.com/project/csv2table

追記 2008.2.25 version : 0.01-beta-5 で ざくっ とリリース。 http://plugins.jquery.com/project/csv2table

追記 2008.2.25 version : 0.01-beta-5 とりあえず、RFC4180 日本語訳のダブル「"」エスケープと、""内に改行コードを記述するケースに対応しておきました。

追記 2008.2.23 カンマ区切りのマッチングが多少まともになってきた?ので、デフォルトを 列区切り(カンマ) 行区切り(改行)に変更しようかなぁ、、、。しかし、改行関係が、微妙に面倒。。。

追記 2008.2.22 ソートを追加しました。型を自動判定しているのですが、判定できない列は無視されます(^^; まぁ、まだいろいろバグもあるのでなんですが、使い道を絞ると使えます(^^;;;

タブ区切り (改行は \n 区切り) デフォルトoption省略可

$('#tableViewer1927').csv2table('http://jsgt.org/lib/jquery/plugin/csv2table/v001/zisseki-utf8-tb.txt');
$('#tableViewer1927').csv2table('http://jsgt.org/lib/jquery/plugin/csv2table/v001/test-utf8.txt');


jQchartと組み合わせるとこんなこともできます。