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

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

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

CSV(Comma-Separated Values)はコンマで区切られた明白なテキスト値のリストです。もしくは、そのフォーマットでひとつ以上のリストを含むファイルを指します。

URL

URL(ユニフォームリソースロケータ)とは、インターネット上のリソース(Webページや電子メールの宛先等)を特定するための形式的な記号の並びの事を言う。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

1725閲覧

CSVにリンクを貼って、JavaScriptで表示し、そのリンクに飛びたい

__megumi

総合スコア1

CSV

CSV(Comma-Separated Values)はコンマで区切られた明白なテキスト値のリストです。もしくは、そのフォーマットでひとつ以上のリストを含むファイルを指します。

URL

URL(ユニフォームリソースロケータ)とは、インターネット上のリソース(Webページや電子メールの宛先等)を特定するための形式的な記号の並びの事を言う。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/10/14 06:02

CSVにリンクを貼って、そのリンクに飛びたい

前提・実現したいこと

JavaScriptを使ってCSVファイルを表としてサイトに、表示させています。
URLを貼るセルがあり、そこにリンクを貼ると資料がダウンロードされる形になっていて、
その資料はファイルでまとめ、管理しています。
ですが、外部のリンクを貼ってもブラウザのままリンク先に飛ぶことができず、
ダウンロードしなければなりません。
そこで、ダウンロード式ではなく、そのままリンクに飛ぶ構成にするにはどのようにすればよいのでしょうか?

現在、JavaScriptの勉強を始めたまったくの素人でございます。
アドバイスよろしくお願いいたします。

<script> getCSVFile("things", "CSV/things.csv"); function getCSVFile(loc, file) { var xhr = new XMLHttpRequest(); xhr.onload = function() { createArray(loc, xhr.responseText); }; xhr.open("get", file, true); xhr.send(null); } function createArray(loc, csvData) { var tempArray = csvData.split("\r\n"); var csvArray = new Array(); var lastArray = new Array(); var td_elem = ""; var tr_elem = ""; var tbody_elem = ""; for(var i = 0; i<tempArray.length;i++){ csvArray[i] = tempArray[i].split(","); } //tr生成 tbody_elem += "<tbody>"; //th生成(1列目) tr_elem += "<tr>"; for(var x=0; x<csvArray[0].length; x++){ td_elem = "<th>"+csvArray[0][x]+"</th>"; tr_elem += td_elem; td_elem = ""; } tr_elem += "</tr>"; //td生成(2列目以降) for(var y=1; y<csvArray.length-1; y++){ tr_elem += "<tr>"; //th生成 for(var x=0; x<csvArray[y].length-1; x++){ td_elem = "<td>"+csvArray[y][x]+"</td>"; tr_elem += td_elem; td_elem = ""; } //最後の列 //CSVファイルもダウンロードに切り替え 閲覧不可のトラブル対策 if ( csvArray[y][csvArray[y].length-1].indexOf('.csv') != -1) { //CSVファイルなら、ページ上で閲覧 //tr_elem += "<td><a href='' class='showModal' data-file='"+csvArray[y][csvArray[y].length-1]+"'>結果</a></td>" tr_elem += "<td><a href='CSV/"+csvArray[y][csvArray[y].length-1]+"' download='"+csvArray[y][csvArray[y].length-1]+"'>結果</a></td>" } else { //それ以外なら、ダウンロード tr_elem += "<td><a href='CSV/"+csvArray[y][csvArray[y].length-1]+"' download='"+csvArray[y][csvArray[y].length-1]+"'>結果</a></td>" } tr_elem += "</tr>"; tbody_elem += tr_elem; tr_elem = ""; } tbody_elem += "</tbody>"; $('.'+loc).append(tbody_elem); } $(function(){ var direc = "./CSV/things/" var filename = "" var file_ = ""; $('.showModal').on('click',function(){ filename += $(this).data('file'); file = direc + filename; console.log(file); $('#readCSV').csv2table(file); filename = ""; file = ""; }); }); </script>

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

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

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

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

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

guest

回答1

0

ベストアンサー

全く試していませんが、download='"+csvArray[y][csvArray[y].length-1]+"'を消してみるとどうなりますか。

投稿2020/10/14 06:15

Lhankor_Mhy

総合スコア36138

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

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

__megumi

2020/10/14 06:41

回答ありがとうございます! 今試してみたところ、ダウンロードされずにリンクに飛ぶことができました!ありがとうございます!!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.47%

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

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

質問する

関連した質問