読み込んだCSVデータをHTML加工して表示する
onload内で処理します。
CSVの6列目(1から数える)のWikiURLデータを、Aタグに加工し、TDに色を付けて出力。
./data/processingloaddata.htm
NO,公開年月,タイトル,メモ,評価,wiki
1,200801,"スウィーニー・トッド","ジョニー・デップ",20,"%E3%82%B9%E3%82%A6%E3%82%A3%E3%83%BC%E3%83%8B%E3%83%BC%E3%83%BB%E3%83%88%E3%83%83%E3%83%89_%E3%83%95%E3%83%AA%E3%83%BC%E3%83%88%E8%A1%97%E3%81%AE%E6%82%AA%E9%AD%94%E3%81%AE%E7%90%86%E9%AB%AA%E5%B8%AB"
2,200803,"魔法にかけられて","ディズニーアニメ",50,"%E9%AD%94%E6%B3%95%E3%81%AB%E3%81%8B%E3%81%91%E3%82%89%E3%82%8C%E3%81%A6"
3,200803,"ライラの冒険/黄金の羅針盤",,40,"%E3%83%A9%E3%82%A4%E3%83%A9%E3%81%AE%E5%86%92%E9%99%BA/%E9%BB%84%E9%87%91%E3%81%AE%E7%BE%85%E9%87%9D%E7%9B%A4"
3,200803,"ジャンパー",,80,"%E3%82%B8%E3%83%A3%E3%83%B3%E3%83%91%E3%83%BC_(%E6%98%A0%E7%94%BB)"
3,200804,"クローバーフィールド/HAKAISHA",,90,"%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%90%E3%83%BC%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89/HAKAISHA"
3,200805,"隠し砦の三悪人",,40,"%E9%9A%A0%E3%81%97%E7%A0%A6%E3%81%AE%E4%B8%89%E6%82%AA%E4%BA%BA#.E9.9A.A0.E3.81.97.E7.A0.A6.E3.81.AE.E4.B8.89.E6.82.AA.E4.BA.BA_THE_LAST_PRINCESS"
3,200805,"最高の人生の見つけ方","ジャック・ニコルソン",70,"%E6%9C%80%E9%AB%98%E3%81%AE%E4%BA%BA%E7%94%9F%E3%81%AE%E8%A6%8B%E3%81%A4%E3%81%91%E6%96%B9"
3,200805,"ラスベガスをぶっつぶせ",,70,"%E3%83%A9%E3%82%B9%E3%83%99%E3%82%AC%E3%82%B9%E3%82%92%E3%81%B6%E3%81%A3%E3%81%A4%E3%81%B6%E3%81%9B"
3,200805,"ザ・マジックアワー","三谷幸喜",90,"%E3%82%B6%E3%83%BB%E3%83%9E%E3%82%B8%E3%83%83%E3%82%AF%E3%82%A2%E3%83%AF%E3%83%BC"
3,200806,"インディ・ジョーンズ/クリスタル・スカルの王国",,60,"%E3%82%A4%E3%83%B3%E3%83%87%E3%82%A3%E3%83%BB%E3%82%B8%E3%83%A7%E3%83%BC%E3%83%B3%E3%82%BA/%E3%82%AF%E3%83%AA%E3%82%B9%E3%82%BF%E3%83%AB%E3%83%BB%E3%82%B9%E3%82%AB%E3%83%AB%E3%81%AE%E7%8E%8B%E5%9B%BD"
3,200806,"崖の上のポニョ",,70,"%E5%B4%96%E3%81%AE%E4%B8%8A%E3%81%AE%E3%83%9D%E3%83%8B%E3%83%A7"
3,200807,"カンフー・パンダ",,60,"%E3%82%AB%E3%83%B3%E3%83%95%E3%83%BC%E3%83%BB%E3%83%91%E3%83%B3%E3%83%80"
3,200808,"スカイ・クロラ",,60,"%E3%82%B9%E3%82%AB%E3%82%A4%E3%83%BB%E3%82%AF%E3%83%AD%E3%83%A9%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA#.E6.98.A0.E7.94.BB"
3,200808,"ダークナイト",,60,"%E3%83%80%E3%83%BC%E3%82%AF%E3%83%8A%E3%82%A4%E3%83%88"
3,200808,"20世紀少年 第1章",,20,"20%E4%B8%96%E7%B4%80%E5%B0%91%E5%B9%B4#.E6.98.A0.E7.94.BB"
3,200809,"ウォンテッド",,60,"%E3%82%A6%E3%82%A9%E3%83%B3%E3%83%86%E3%83%83%E3%83%89_(%E6%98%A0%E7%94%BB)"
3,200810,"イーグル・アイ","スピルバーグ総指揮",70,"%E3%82%A4%E3%83%BC%E3%82%B0%E3%83%AB%E3%83%BB%E3%82%A2%E3%82%A4"
3,200811,"レッドクリフ Part I",,60,"http://ja.wikipedia.org/w/index.php?title=%E3%83%AC%E3%83%83%E3%83%89%E3%82%AF%E3%83%AA%E3%83%95_Part_I&action;=edit&redlink;=1"
3,200812,"ウォーリー",,80,"WALL%E3%83%BBE/%E3%82%A6%E3%82%A9%E3%83%BC%E3%83%AA%E3%83%BC"
3,200812,"地球が静止する日","キアヌ・リーヴス",30,"%E5%9C%B0%E7%90%83%E3%81%8C%E9%9D%99%E6%AD%A2%E3%81%99%E3%82%8B%E6%97%A5"
3,200812,"ワールド・オブ・ライズ","ディカプリオ",70,"%E3%83%AF%E3%83%BC%E3%83%AB%E3%83%89%E3%83%BB%E3%82%AA%E3%83%96%E3%83%BB%E3%83%A9%E3%82%A4%E3%82%BA"
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<script src="./js/jquery-.min.js" type="text/javascript"></script>
<script src="./js/jquery.-.js" type="text/javascript" charset="utf-8"></script>
<input
class="btn1"
type = "button"
onclick="$('#processingTest').csv2table('./data/eiga2008.csv');"
value="加工しない">
<input
class="btn1"
type = "button"
onclick="$('#processingTest').csv2table('./data/eiga2008.csv',{
onload : function(id,op,data,ary){
//6列目(1から数える)を加工する
var ojs=$('tr > td:nth-child(6)','#'+id),
wikiurl='http://ja.wikipedia.org/wiki/';
$(ojs).each(function(){
wikilink='<a href='+wikiurl+$(this).text()+'>wiki</a>';
$(this).html(wikilink)
.css('background-color','cyan');
})
}
});"
value="加工する">
<hr>
<div id="processingTest"></div>