質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

0回答

203閲覧

CSVファイルをHTMLのtableに変換して表示する方法

konbu894579027

総合スコア0

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2023/02/04 09:21

実現したいこと

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/ツールのバージョンなど)

なし。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

think49

2023/02/04 09:43 編集

delete
m.ts10806

2023/02/04 09:45

httpのリンクさせてるのはどういう意図ですか? あとIEはサポート終了して久しいので、そもそも使わないべきかと
konbu894579027

2023/02/04 09:51

すみません。 IEがで表示させたいのではなくchromeやedgeでCSVファイルをテーブル表示させたいです。 httpをリンクさせているのは特に意図はないです。 ローカル環境に「js」ファイルを作成するでも問題ないです。
m.ts10806

2023/02/04 10:39 編集

ほとんどのブラウザではhttpsではなくhttpだとアラートが出たはずで、その影響もありそうに思います(今回外部ファイルなので特に)
think49

2023/02/04 12:34

> Uncaught SyntaxError: Invalid or unexpected token (at jquery.csvtoTable.js:1:1) このエラーを解消しなければ解決しません。 エラーが出た行番号、列番号のコードの文法を確認してください。
m.ts10806

2023/02/04 19:44 編集

そもそも当該プラグインが古すぎることも原因の一端の気がしますが(jQueryも1系で1.11となると7年?8年?前のはず)、 念のため取得元も提示してください。 ダウンロード版を使われてるようですが、それだとこちらの手元で再現できませんので。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問