csvファイルを元に、HTMLに表示するプログラムを作っています。
例えば、下記のようなcsvファイルがあったとします。
⚪csvファイル(data.csv)
id,number,in
1,0,0
2,1111,1
このとき、inに「1」が入っていた場合、画像を表示し、「number」の文字も表示するということをしたいです。(inが「0」だった場合は、画像・文字は表示しない)
どのように実現していいのかわかりません…
どうか助けてください。
よろしくお願いします。
No.3ベストアンサー
- 回答日時:
Webの画面上に画像を置く場合はどのようなHTMLを書くかはご存じですよね?
画像ファイルのURLをJavascriptで書き換えればよいだけです。
ちなみに「CSVファイルを元にHTMLを遷移する」という考え方、理解の仕方がそのそもの足かせになっていると思います。
単に「あるファイルの内容によって生成する画面内容を変える」というだけのことです。
また、「いずれはWebサーバー側でするつもりなのですが」とありますが、あるWeb画面をWebサーバ側で”生成する”のと、Webブラウザ上に表示されているWeb画面の内容をJavascriptなどWebブラウザ上で動作する言語を用いて“書き換える”のとでは考え方も手法も異なります。
そこを理解されていますか? Webシステムの最も基本的な部分です。
その理解なしに取り掛かるとやりたいことに対して物凄い遠回りをしてアプローチする事になります。
参考まで。
ありがとうございます。
まだまだ勉強不足だと痛感しました。
先程、アイデアが思いつき実践したところ、ローカル上では目的の動作ができました。
これからのことは今後考えます。
回答していただきありがとうございました。
No.1
- 回答日時:
Javascriptのジャンルに投稿されていますが、書かれている動作をWebサーバー側で行うのではなくWebブラウザ上でJavascriptを使用して行いたい、、、ということでしょうか?
でしたらWebブラウザが居るパソコン上にあるファイルの読み込みにはFile APIを使用します。
Googleなどで「javascript ローカルファイル 読み込み」といったキーワードで検索するとその具体的やりかたを詳しく説明したページがみつかるはずです。お試しください。
また、その読み取った内容によってWebブラウザ上に表示中の画面内容を変更しい(=画面内容に反映させたい)場合、そのやり方は「javascript html 書き換え」とか「html 要素 書き換え」といったキーワードで検索されると見つかるはずです。お試しください。
ちなみにWebサーバー側で行うのでしたら普通のCGIプログラムです。
このような内容の質問をされるのですからWebサーバー上で動作するCGIプログラムの基本的仕掛けはご存じなのだと思います。
で。Webサーバー上のある場所に有るある名前のファイルを読み込み、その内容にしたがって望む画面となるHTMLを生成して標準出力すればよいだけです。
標準出力の方法は使用するプログラミング言語の仕様を確認ください。
参考まで。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) VBAで特定の場所にあるCSVファイル(複数)から特定場所を抜き出してExcelに転記したいです。 11 2023/05/23 16:29
- その他(プログラミング・Web制作) データ解析ソフトRでのファイル入力read.csvがエラーになります 7 2022/03/27 22:11
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- Visual Basic(VBA) VBA初心者です。電話番号の数字の前に0を表示させたいです。 2 2022/12/14 03:58
- Access(アクセス) CSVファイルの「0落ち」にVBA 6 2023/02/02 15:27
- Excel(エクセル) エクセルのVBAについて とあるサイトのコードを参考に、CSVの文字化けを直すVBAを作成しているの 7 2022/11/04 14:15
- その他(プログラミング・Web制作) Pythonで、データファイルと列名ファイルを1つのファイルにしたいです。 1 2023/07/27 20:29
- その他(プログラミング・Web制作) Sikulix2.0.5(Jython2.7.3)でcsvを読込WEB検索条件にpasteで文字化け 1 2023/03/31 11:02
- Visual Basic(VBA) エクセルVBAについて 8 2022/07/13 22:41
- Visual Basic(VBA) エクセルVBA 4 2022/05/14 00:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像読み込み時のOutOfMemory
-
C言語初心者の質問失礼します。
-
csvファイルを開かずに文字を検...
-
ファイル名の先頭にアンダース...
-
C言語関数違いについて。
-
アドレス帳WABファイルをサンダ...
-
テキストファイルの最終行を削...
-
VC++の外部依存関係
-
「VBScript」ADODB.Streamにお...
-
SGファイルって何ですか?
-
VBに、Cのincludeのようなもの...
-
分割コンパイルの#defineについて
-
C言語のfopenについて教えてく...
-
PHPのソースの追いかけ方
-
マウスポインタの変更
-
エクセルVBAでフォルダ内の重複...
-
fopenできる上限の変更
-
リエントランスな関数
-
2つのテキストファイルのマー...
-
VBAにてEXCEL以外のファイル(テ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
dataファイルをxtxファイルにす...
-
C言語初心者の質問失礼します。
-
csvファイルを開かずに文字を検...
-
ファイル名の先頭にアンダース...
-
大きいサイズのテキストファイ...
-
テキストファイルの最終行を削...
-
ドラッグアンドドロップでファ...
-
グローバル変数のよくない使い...
-
CSVファイルへの保存の際、デー...
-
ファイルの結合
-
SGファイルって何ですか?
-
VBに、Cのincludeのようなもの...
-
XMLファイルの表示について
-
分割コンパイルの#defineについて
-
ハッシュの計算時間について
-
バッチで118項目のCSVを処理し...
-
RPGでファイル名(もしくはレコ...
-
Excelマクロでの再読込み方法
-
C言語のfopenについて教えてく...
-
COM相互運用機能のON,OFFによる...
おすすめ情報
【追記】
JavascriptとHTMLをもちいて、
ローカル上ではありますが、csvファイルの読み取りと表示は出来ている状況です。
今回の質問内容に関してお答えありがとうございます。
Javascriptで読み込み、書き換えも変数を作ってその値を帰ることで実行はできています。
問題は、csvファイルの中の値を参照しそれを元にHTMLの遷移(画像の切り替え)を行えないというところです。
いずれはWebサーバー側でするつもりなのですが、今はローカル上での方法を教えていただきたいです。
私なりに調べたのですが、csvファイルを元にHTMLを遷移するという説明をしているサイトを見つけることが出来ず、質問させてもらえました。