|
Blog |
Demo |
Wassr |
jQuery › Downloads › Plugins › csv2table |
( › jQchart )
nightly- testing themeroller width jQuery 1.3.
test-tm.htm
Now support jGlycy
森 直彦さんのjQueryプラグインjGlycyをサポートしてみました。
プラグインとjGlycyを読み込むだけであとは、プラグインを起動するスクリプトの代わりに
jg属性を記述したHTMLを書くだけで使えるようになります。
各種オプションもすべて、スクリプトではなくタグの属性で記述する方式です。
たとえば、↓こんな感じで、スクリプトブロック無しで、オプションをDOM要素の属性と
して記述できるようになりました。
(つまり、1タグのみで書けて、スクリプトの苦手な人もOK & DOM要素とスクリプトはほぼ大半を分離ですっきり)
<div id = "view0"
jg = "csv2table"
jg:csv2table = "url:'./data/Book12.csv'"></div>
jGlycy 使い方ガイド
http://semooh.jp/jglycy/tutorial
以下のスクリプトと同じ意味です。
<div id="view0"></div>
<script>
$(function(){
$('#view0').csv2table({url:'./data/Book12.csv'});
});
</script>
Data (Book12.csv)NO,名前,種類,年齢,金額
1,アイ,さる,10,"100,000 "
2,タマ,ねこ,5,"80,000 "
3,チヤー,いぬ,12,"5,000,000 "
4,ピー,とり,1,"3,000 "
Source
<script src="./js/jquery-1.3.2.min.js"></script>
<script src="./js/jquery.csv2table-0.02-b-2.9.js" charset="utf-8"></script>
<script src="./js/jglycy-1.0.js">
<div id = "view0"
jg = "csv2table"
jg:csv2table = "url:'./data/Book12.csv'"></div>
メリットや使われる場面などアットランダム
ページ内にJavaScriptを書かずに管理したい時
JavaScriptのことを忘れたくなった時
楽をしたくなった時
デザイナーがJavaScriptの素人だった場合にスクリプトを任せるのは心配もありますが、デザイナーがオプションにも全く触れないと豊かなデザインもできない、というジレンマは解決できそう?
エンジニア=プラグイン作成、デザイナー=コンポーネントを組み合わせて表現を豊かにという図式を、デザイナーにコードを書かせずにに取り戻したい(森さん談)
ページ内のパーツをコンポーネントとしてファイル分割している際に、HTMLパーツとhead要素が別のファイルにあって両方を制御しないといけないというジレンマ解決(森さん談)
Update
Update : {
date : '2009.6.6',
ver : 'csv2table-0.02-b-2.9',
updates : [
[ '1. support jGlycy http://code.google.com/p/jglycy/ ']
[ '2. change syntax.jQuery.csv2table([url,] setting) Now url of arg1(string) is option. e.g. You can write as $('#view0').csv2table({url:"./data/Book12.csv"}) @see http://jsgt.org/lib/jquery/plugin/csv2table/v002/jglycy-test.htm']
]
}