「jquery.csv2table.js」から生成されたテーブルに「s
「jquery.csv2table.js」から生成されたテーブルに「super tables」を適用したい。
csv2tablesを使用して、テーブルの作成・表示はできるのですが、一部の行と列を
固定したいと考えています。色々検索した結果、「super tables」が良いかと思い、
以下のサイトを参考にスクリプトを追加していますが、エラーが表示され、固定
された表示になりません。
以下にスクリプトの情報等を記載します。書き方がそもそも間違っている等、
ご教示下さい。よろしくお願いします。
<参考にしたサイト>
http://c-brains.jp/blog/wsg/09/06/16-151445.php
<IE8のエラーメッセージ>
Web ページ エラーの詳細
ユーザー エージェント: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C)
タイムスタンプ: Sun, 29 Aug 2010 14:44:55 UTC
メッセージ: 'this.sDataTable.tBodies.0' は Null またはオブジェクトではありません。
superTables.js ライン: 92
文字: 3
コード: 0
<HTML・スクリプト>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="./css/superTables.css" type="text/css" />
<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.csv2table.js"></script>
<script type="text/javascript" src="./js/superTables.js"></script>
<script type="text/javascript">
$(function(){
$('#view1').csv2table('./test.csv');
});
</script>
<style type="text/css">
.fakeContainer {
margin: 0 0 20px;
width: 600px;
height: 200px;
overflow: hidden;
}
</style>
</head>
<body>
<div id="view1" class="fakeContainer"></div>
<script type="text/javascript">
//<![CDATA[
(function () {
new superTable("view1", {
cssSkin : "sDefault",
headerRows : 1,
fixedCols : 3
});
})();
//]]>
</script>
</body>
</html>
<test.csvの内容>
No,項目1,項目2,項目3,項目4,項目5,項目6,項目7,項目8,項目9,項目10
1,,,,,,,,,,
2,,,,,,,,,,
3,,,,,,,,,,
4,,,,,,,,,,
5,,,,,,,,,,
6,,,,,,,,,,
7,,,,,,,,,,
8,,,,,,,,,,
9,,,,,,,,,,
10,,,,,,,,,,
11,,,,,,,,,,
12,,,,,,,,,,
13,,,,,,,,,,
14,,,,,,,,,,
15,,,,,,,,,,
16,,,,,,,,,,
17,,,,,,,,,,
18,,,,,,,,,,
19,,,,,,,,,,
20,,,,,,,,,,
補足
ありがとうございます。 以下補足になりますが、 別のJSファイル <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/foliogrid.js"></script> 上記は、下記の内容ではきちんと動作しているようなので、 postは、存在しているようです。 jFadeだけ読めないので、謎なのです。。。 ----------------------------------------------- <script> $(document).ready(function(){ $(".post").css({opacity: 0}); $(".post").fadeTo("slow", 1); }); </script> --------------------------------------------------- よろしくお願いいたします。 ※WPのテーマは、 FolioGridというものです。