• ベストアンサー

txtの中身を表示する方法教えてください!(javaスクリプト?)

デスクトップに置いてあるひとつのフォルダに、A.htmlというファイルと、B.txtというファイルがあります。 A.htmlをブラウザ(IE)で開いたとき、B.txtの中に書いてある文章をまるまる表示させるには、 どのようにすればいいでしょうか? ネット上でいろいろ調べたところ、http://questionbox.jp.msn.com/qa3189160.htmlの質問にイメージが近かったのですが、 読み込むファイルはjsじゃないですし、中身を変更したくない(↑の質問のように、”var data = [・・・”といった書き換えをしたくない)のです・・・。 htmlファイルも、txtファイルも、サーバーには送りません。 ネットに繋がっていないパソコンでだけ使います。 よろしければ、サンプルプログラムを書いていただけると助かります。 本当に困っております、どうぞよろしくお願いいたします!

質問者が選んだベストアンサー

  • ベストアンサー
  • x_jouet_x
  • ベストアンサー率68% (162/236)
回答No.2

Ajaxを使ってtxtファイルを読み込めばいいはずですが、Ajaxをご自分で実装されるとなると面倒だと思います。 一番手っ取り早い方法としては、jQuery(http://jquery.com/)などのAjaxライブラリを使用することです。 以下、jQueryを使用してtxtファイルを読み込むサンプルです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> <!-- $(document).ready(function() { $("#container").load("B.txt"); }); //--> </script> </head> <body> <!-- テキストを表示する部分 --> <div id="container"></div> </body> </html>

yu_u_ka
質問者

お礼

ご回答ありがとうございます。 初めて聞く機能だったので、悩み悩みでしたが、少し勉強してみました。 こ・・・こんな便利なものがあったのですね。 教えていただいたコードで無事、思い通りの機能が実装できました! ほかにもいくつか似たようなことで悩んでいたのですが、そちらにも応用できそうです! 本当に助かりました、ありがとうございました!

すると、全ての回答が全文表示されます。

その他の回答 (5)

noname#100277
noname#100277
回答No.6

3ですが・・・ 無理! 単純に「テキスト」ですからね。 但しFirefoxとアドオンの組み合わせなら可能。 https://addons.mozilla.jp/firefox/details/1864 https://addons.mozilla.jp/firefox/details/403 https://addons.mozilla.jp/firefox/details/190 https://addons.mozilla.jp/firefox/details/1939 等・・・

yu_u_ka
質問者

お礼

ご回答ありがとうございます。 無理なのですね・・・!IEでの表示が前提なので、残念です・・・。 ですが、画像など、別のものを表示するときにとても便利そうですね。 とても勉強になりました!別の箇所で利用させていただきます。 ご回答、本当にありがとうございました!

すると、全ての回答が全文表示されます。
回答No.5

No1さんの回答は、IEは表示されないのもあるみたいです。 FireFoxなどはちゃんと表示できます。 ウチの環境でやってみたところ、IE7だと表示できず、 FireFox3.0.9で表示できました。 ほわー知りませんでした。 他にFileSystemObjectを使う方法を見つけました。 http://f29.aaa.livedoor.jp/~morg/wiki/index.php?JavaScript/%B3%B0%C9%F4%A5%C6%A5%AD%A5%B9%A5%C8%A5%D5%A5%A1%A5%A4%A5%EB%A4%F2%C6%C9%A4%DF%B9%FE%A4%E0%A5%B5%A5%F3%A5%D7%A5%EB いくつか制限あるみたいですが。。。 ソースも載ってました。 ご参考までに。

yu_u_ka
質問者

お礼

ご回答ありがとうございます。 ブラウザの問題だったんですね、盲点でした; 今回は別の方法をとらせていただくことにしました。 が、教えていただいた機能もとても便利そうなので、勉強してみようと思います。 ご回答、本当にありがとうございました!^^

すると、全ての回答が全文表示されます。
回答No.4

ブラウザで直接textファイルを開けばいいじゃん。 何をしたいのかわからない。 それともhtml表示の一部として取り込みたいの?

yu_u_ka
質問者

お礼

質問文の書き方が悪く、うまく伝えられずすみません。 おっしゃってる通り、html表示の一部として取り込みたいのです。 イメージを簡潔に書くと、このような感じです↓ ≪A.html(IEで表示)≫___________________ ○○のページ(←A.htmlの<body>内に普通に記入したテキスト)   ☆☆(←同じファイルにある画像(A.html内に)) あいうえお(←B.txtの中身) ____________________________ また、B.txtの中にHTMLタグが入っていた場合、 A.htmlに表示した際にそのタグが有効になれば、とても助かります。 どうぞよろしくお願いいたします。

すると、全ての回答が全文表示されます。
noname#100277
noname#100277
回答No.3

完全に「ローカル」でHTMLを編集可能なら・・・ iframe なら簡単に出来るのでは? http://www.tohoho-web.com/html/iframe.htm http://www.htmq.com/html/iframe.shtml http://zumirin.cool.ne.jp/kowaza/iframe.htm 等・・・

yu_u_ka
質問者

お礼

ご回答ありがとうございます。 教えていただいたURLを参考に試したところ、うまく表示できました! よろしければもうひとつ教えていただけませんでしょうか。 iframeだと、B.txtの中身にhtmlタグが入っていた場合に、それを”HTMLタグ”として認識することはできないのでしょうか・・・? たとえばB.txtの中身が <a href="http://www.yahoo.co.jp/">YahooのHP</a> <a href="http://www.google.co.jp/">GoogleのHP</a> だった場合、上記2つのリンクを張ることはできないでしょうか。 すみません、質問文に書いておけばよかったのですが、失念しておりました>< もし方法をご存知でしたら、どうかお教えください。よろしくお願いします。

すると、全ての回答が全文表示されます。
回答No.1

普通にobject要素で <object type="text/plain" data="B.txt"></object> みたいな感じで。

yu_u_ka
質問者

お礼

ご回答ありがとうございます! 以下のようにしたのですが、B.txtの中身が表示されませんでした。 ≪A.html≫ <html> <head> <title>サンプル</title> </head> <body> <object type="text/plain" data="b.txt"></object> </body> </html> 「object要素」で調べたところ、タグの一種とあったので<body>内に記述したのですが、間違っておりますでしょうか・・・; 申し訳ございません、原因をご指摘いただければ助かります。

すると、全ての回答が全文表示されます。

関連するQ&A