実現したいこと
CSVファイルをHTMLのtableに変換して表示する。
前提
「jquery」を利用してCSVファイルをHTMLのtableに変換して表示しようとしています。
IEでは正常に動作するのですが、IE以外のブラウザでは、table変換するための「js」ファイル
が存在しないとエラーが出力されて正常に変換できません。
発生している問題・エラーメッセージ
Uncaught SyntaxError: Invalid or unexpected token (at jquery.csvtoTable.js:1:1) kokyaku_MASTER.html:29 Uncaught TypeError: $(...).CSVToTable is not a function at HTMLDocument.<anonymous> (kokyaku_MASTER.html:29:21) at j (jquery.min.js:2:27244) at Object.fireWith [as resolveWith] (jquery.min.js:2:28057) at Function.ready (jquery.min.js:2:29891) at HTMLDocument.J (jquery.min.js:2:30257)
該当のソースコード
<!DOCTYPE html> <html lang="ja-JP"> <head> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> <script src="jquery.csvToTable.js"></script> </head> <body> <div class="header"> <div class="logout"> <a href="login.html" class="sub-logout">ログアウト</a> </div> </div> <a href="kokyaku_CHECK.html"><img style="padding: 5px 30px" src="foot_logo.png"></img></a> <hr width="100%" color="#8adbff" > <h1>入出金明細</h1> <div class="table_csv"></div> <script> $(function() { $('.table_csv').csvToTable('kokyaku_MASTER.csv'); }); </script> <div class="footer"> <p></p> </div>
試したこと
IEを使用した場合、正常に表示されることを確認しました。
chrome及びedgeでは、ページは表示されるのですが、CSVファイルが出力されませんでした。
補足情報(FW/ツールのバージョンなど)
なし。
delete
httpのリンクさせてるのはどういう意図ですか?
あとIEはサポート終了して久しいので、そもそも使わないべきかと
すみません。
IEがで表示させたいのではなくchromeやedgeでCSVファイルをテーブル表示させたいです。
httpをリンクさせているのは特に意図はないです。
ローカル環境に「js」ファイルを作成するでも問題ないです。
ほとんどのブラウザではhttpsではなくhttpだとアラートが出たはずで、その影響もありそうに思います(今回外部ファイルなので特に)
> Uncaught SyntaxError: Invalid or unexpected token (at jquery.csvtoTable.js:1:1)
このエラーを解消しなければ解決しません。
エラーが出た行番号、列番号のコードの文法を確認してください。
そもそも当該プラグインが古すぎることも原因の一端の気がしますが(jQueryも1系で1.11となると7年?8年?前のはず)、
念のため取得元も提示してください。
ダウンロード版を使われてるようですが、それだとこちらの手元で再現できませんので。