Index of /lib/jquery/plugin/csv2table
上記サイトから csv2table-0.02-b-4.1.zip をダウンロードする
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="./js/jquery.csv2table-0.02-b-4.1.js" type="text/javascript" charset="utf-8"></script>
<body>
csv2table<br/>
<div id="view0"></div>
<script type="text/javascript">
$(function() {
$('#view0').csv2table('./data.csv');
});
</script>
<hr/>
csv2table (sortable: false)<br/>
<div id="view1"></div>
<script type="text/javascript">
$(function() {
$('#view1').csv2table('./data.csv',
{
sortable: false,
});
});
</script>
<hr/>
csv2table (onload: tr:even)<br/>
<div id="view2"></div>
<script type="text/javascript">
$(function() {
$('#view2').csv2table('./data.csv',
{
onload: function(id, op, data, ary) {
$('tr:even', '#' + id).css('background', '#eee')
},
});
});
</script>
</body>
</html>
sample (fc2 に置いてあるテストページに飛びます)
csvtotable
jquerycsvtotable
上記サイトから jquerycsvtotable.zip をダウンロードする
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="css/csvtable.css" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.csvToTable.js"></script>
<body>
csvtotable<br/>
<div id="view1"></div>
<script type="text/javascript">
$(function() {
$('#view1').CSVToTable('./data.csv');
});
</script>
<hr/>
csvtoable (loadingImage)<br/>
<div id="view2"></div>
<script type="text/javascript">
$(function() {
$('#view2').CSVToTable('./data.csv',
{
loadingImage: 'img/loading.gif',
});
});
</script>
</body>
</html>
sample (fc2 においてあるテストページに飛びます)
0 件のコメント:
コメントを投稿