data.csv
Taro,Jiro,Saburo
Taro1,Jiro1,Saburo1
Taro2,Jiro2,Saburo2
失敗の記録
- jquery.csv.jsを使う→うまくいかない。
- で指定しないとだめ。
だと変なエラーがでる。
- とりあえず、固定タグまではhtmlに書く。中身のうごくとこだけjavascriptを使う感じ
- これがchromeはエラー（起動オプションをつける必要がある）
http://ponk.jp/jquery/basic/install
http://javascript.webcreativepark.net/library/jquery_csv
http://d.hatena.ne.jp/nattou_curry_2/20090801/1249109261
<html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>tryjquery_hide_p test</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){ <!-- $("div").append("<table>"); --> $.get("data.csv", function(data){ html=data.split("\n"); <!-- $("div.file p").html(html[1]); --> for(var i in html){ $("table.test tbody").append("<tr>"); i2=html[i].split(","); for(var j in i2){ alert(i); $("table.test tbody").append("<td>"); $("table.test tbody").append(i2[j]); $("table.test tbody").append("</td>"); } $("table.test tbody").append("<tr>"); } <!-- $("table.test tbody").append("</table>");--> }); }); </script> </head> <body> <!-- <div class="file"> --> <table class="test"> <tbody> </tbody> </table> <!-- </div> --> </body> </html>
