HTMLファイルにあらかじめ用意された別ファイルを
入れ込むことは出来るのでしょうか?。
例えば、

・テキストファイル「a.txt」の中身を
 <TEXTAREA>タグを用いて表示
 (テキストエリアタグ内に展開するようなイメージ)する。
・挿入可能な形式に整ったHTMLファイルをその親となる
 HTMLファイルに挿入する。

というようなイメージです。
具体的には、どうしたら良いのでしょうか?。
javaスクリプトで可能なんでしょうか?。
それとも無理ですか?。CGIはなるべく、
使用したくないです(まだまだ、敷居が高い)。

プログラミング経験(VB,アセンブラ、
C、etc)はあるのですが、HTML等
はまだまだ初心者です。以上、よろしくお願
いします。

このQ&Aに関連する最新のQ&A

A 回答 (5件)

JavaScriptで外部ファイルを取り込むのは不可能です。


CGIをお使いになりたくないのであれば、SSIという方法があります。
もちろんサーバが対応していなければなりませんが。
下のタグをHTMLファイルに挿入し、HTMLファイルの拡張子を.shtmlにしなければなりません。

<!--#include file="a.txt" -->

ただし、上記のやり方は相対パスにのみ対応しており、上の階層のディレクトリにあるファイルには使えませんので、その場合には下記のように絶対パスでします。

<!--#include virtual="/カレントディレクトリ/(間の階層を挟む)/a.text" -->

これで挿入はできます。
    • good
    • 0
この回答へのお礼

そこまで行くと私の今の能力では、...(^^;
サーバまわりを覚えたら、そのうち試してみようと思います。
どうもありがとうございました。

お礼日時:2001/06/14 20:30

JavaScript 自体の記述は外部のファイルに書けますよね。

例えば、

<script src="外部ファイルのスクリプト.js"></script>

って感じで。

そこに、document.write() だけが、ずらずらと並んでいるような
スクリプトにしちゃうの。

# 駄目だろうなあ (^^;

この回答への補足

C言語で言うところの、インクルードファイルなんですよ。
コンパイラがブラウザになるかな。

JavaScriptがプリプロセスして、テキストファイルを
インクルードする。ブラウザは、めでたく合成されたファイルを
表示する。そんな感じです。

やっぱり、無理ですか?。

補足日時:2001/06/12 19:41
    • good
    • 0
この回答へのお礼

なかなか、面白いですねぇ。
どうもありがとうです。

お礼日時:2001/06/12 19:39

IFRAME(IE)、ILAYER(NN)ってのはどうですか?



<IFRAME src="test.txt"></IFRAME>

ILAYERの方は記述方法は知りません。
    • good
    • 0
この回答へのお礼

ナイスひっと、と言いたいところなんですが...
ネスケのIFRAMEはVer6から対応?
でもでも、貴重なご回答どうもありがとうです。

お礼日時:2001/06/12 18:29

HTMLだけでってことなら、とりあえずフレームで出来ます。



xxxx.html,xxxx.txtは適当に作成してください。
こんな感じ↓

--------index.html------
<HTML>
<HEAD>
<TITLE>右フレームにtxtファイル表示</TITLE>
</HEAD>
<FRAMESET cols="50%,*">
<FRAME src="xxxx.html"> ←左側に表示されるHTMLファイル
<FRAME src="xxxx.txt"> ←右側に表示されるTXTファイル
</FRAMESET>
<NOFRAMES>
<BODY>
<P>このページをご覧いただくにはフレーム対応のブラウザが必要です。</P>
</BODY>
</NOFRAMES>
</BODY>
</HTML>
    • good
    • 0
この回答へのお礼

フレーム、フレーム、フレーム、、、じつは既にデザインが...
やはり、もう一つブラウザを開いてしまうのが得策でしょうか...
貴重なご意見どうもありがとうございました。

お礼日時:2001/06/12 17:42

挿入する、というものの具体的イメージがわかないのですが。



挿入したいファイルとは具体的に何か。
テキストファイルなのか、バイナリなのか。
バイナリならばそのまま見せてもしょうがないので、
FTPさせるのが目的なのか。

テキストファイルとして、例えばプログラムファイルの
ソースが見られれば良いのか。
(これだけだったら、PREタグでOKですよね?)
それとも簡単にGETできるようにしたいのか。

いずれにしても、CGIやJavaScriptは必要ない気が
しますが、勘違いならばごめんなさい。

この回答への補足

HTMLファイルと、テキストファイルの二種類があって。
それをブラウザで見ると、テキストファイルが同一ブラウ
ザ内に表示されるといった感じです。
(うーん、伝わったかな?。)

補足日時:2001/06/12 17:30
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qイメージをあらかじめ読み込むには?

マウスカーソルが重なったとき、イメージを切り替える処理を
行おうと思っています。

<img src="top_01.gif"
onMouseOver="this.src='top_02.gif'"
onMouseOut="this.src='top_01.gif'">

このようなソースでイメージを切り替えているのですが、
マウスカーソルが重なったときに初めて新しいイメージ
(この場合は'top_02.gif')を読み込むようです。

これだとタイムラグができてしまうので、最初にhtmlファイルを読み込む際、
あらかじめ新しい画像を読み込むにはどうすればよいのでしょうか?

Aベストアンサー

少々強引ですが
<body>
<img src='top_01.gif' width='0' height='0'>
<img src='top_02.gif' width='0' height='0'>


</body>
と書いてみてはいかがでしょうか?
たて横サイズ0の絵としてあらかじめ同じHTMLで表示させてしまえばタイムラグは改善されるのでは?と思いますが…

Qtextareaにタグを挿入したい。

お世話になります。

divタグのid=で指定した箇所に下記のようにappendChildでtagを挿入する事はできるのですが、textarea内に同じようにタグを挿入した場合、画面には表示されないのです。
FireFoxのFirebagでDOMを見るとタグは挿入されているのですが

どうすれば、textareaにタグを挿入してそれをブラウザーで見ることができますでしょうか
大変恐縮ですが、この辺りの解説と解決法をご教授頂けますようお願い致します。


document.getElementById(textarea_test).appendChild(newDoc);

Aベストアンサー

テキストエリアの中にタグを含む文字列を記入したいということでしょうか?
テキストアリアに表示されるのはその子要素ではなく文字列なので、子要素を追加しても意味がありません。

element/*(=textarea)*/.value = "\u003Cspan\u003Ehello!\u003C/span\u003E";

とか。

Qスワップイメージで画像ではなくhtmlファイルを表示させたい

わからないので教えてください。

ドリームウィーバーでページを作っています。
スワップイメージの設定をすると、マウスをアイコンの上においたら、別の箇所のイメージ画像が変わりますよね。

イメージ画像ではなくて、htmlファイルを変更させたいのですが、できますか?

インラインフレームでできるかなと思ったのですが、どう設定すればいいかわからなくて困っています。
よろしくお願いします。

リンダ

Aベストアンサー

方法は色々あると思いますが、取あえず質問者さんも
おっしゃっているインラインフレームで・・・

下記のソースを実行してみて下さい。

ちなみにドリームウィーバーもスワップイメージも
私は使ったことがないので、実装方法は知りませんが・・

<html>
<head>
<script>
function yy(url){
document.xx.location.href = url;
}
</script>
</head>
<body>
<img src="http://www.goo.ne.jp/img/logo/gootop_logo.gif" onMouseover="yy('http://www.goo.ne.jp/')" />
<img src="http://www.nifty.com/img/niftylogo_02.gif" onMouseover="yy('http://www.nifty.com/')" /><br>
<iframe name="xx" src="about:blank" width="900" height="450">
</iframe>
</body>
</html>

方法は色々あると思いますが、取あえず質問者さんも
おっしゃっているインラインフレームで・・・

下記のソースを実行してみて下さい。

ちなみにドリームウィーバーもスワップイメージも
私は使ったことがないので、実装方法は知りませんが・・

<html>
<head>
<script>
function yy(url){
document.xx.location.href = url;
}
</script>
</head>
<body>
<img src="http://www.goo.ne.jp/img/logo/gootop_logo.gif" onMouseover="yy('http://www.goo.ne.jp/')" />
<img src="http://www.nift...続きを読む

Q別ウインドウから、textarea内のカーソル位置に文字を挿入。

別ウインドウから、textarea内のカーソル位置に文字を挿入。

お世話になっております。
やりたいことは、以下のような感じです。



2つのウインドウ(ページA、ページB)があります。

ページAには、textareaがあります。
textareaにデータを入力後、
マウスでtextarea内のデータの特定の位置をクリックし、
カーソルを置いておきます。

この状態で、ページAにあるコマンドボタンをクリックすると、
ページBが開きます。

ページBには、いくつかコマンドボタンが表示されていて、
このうち、どれか1つをクリックすると、
ページBが閉じられ、かつ、
ページBで選択したコマンドボタンに設定されている値が、
ページAのtextarea内のカーソル位置に挿入される。




・・・以上のような感じのことをやりたのです。


ページA内のコマンドボタンからページBを開くのは、
windows.open(URL)
で開くことができました。

ページBでコマンドボタンを選択した際、
window.close()
でページBを閉じるところまではできたのですが、
値をページAのtextareaに挿入するところが、うまくいきません。

(↓こんな感じなのかと思うのですが・・・)
window.close();
var str1 = document.getElementById(textareaのid).value;
var str2 = "aaa"; // 挿入したい値
var p = document.getElementById('textareaのid').selectionStart;
document.getElementById(textareaのid).value = str1.substr(0, p) + str2 + str1.substr(p, str1.length);


どなたかご教授願います。
よろしくお願いします。

別ウインドウから、textarea内のカーソル位置に文字を挿入。

お世話になっております。
やりたいことは、以下のような感じです。



2つのウインドウ(ページA、ページB)があります。

ページAには、textareaがあります。
textareaにデータを入力後、
マウスでtextarea内のデータの特定の位置をクリックし、
カーソルを置いておきます。

この状態で、ページAにあるコマンドボタンをクリックすると、
ページBが開きます。

ページBには、いくつかコマンドボタンが表示されていて、
このうち、どれか1つ...続きを読む

Aベストアンサー

ページAはwindow.openerで参照できますので、
こういう具合でやってみたらいいんじゃないでしょうか。

<script type="text/javascript">
<!--
function hoge(o){
//ページAのtextareaのidを"sample"とする
var sample = window.opener.document.getElementById("sample");
var str1 = sample.value;
var str2 = o.value; //たとえば押されたbuttonのvalue
var p = sample.selectionStart;
sample.value = str1.substr(0, p) + str2 + str1.substr(p, str1.length);
window.close();
}
//-->
</script>
</head>
<body>
<button type="button" value="aaa" onclick="hoge(this);">aaa</button>
<button type="button" value="bbb" onclick="hoge(this);">bbb</button>
</body>
</html>

ページAはwindow.openerで参照できますので、
こういう具合でやってみたらいいんじゃないでしょうか。

<script type="text/javascript">
<!--
function hoge(o){
//ページAのtextareaのidを"sample"とする
var sample = window.opener.document.getElementById("sample");
var str1 = sample.value;
var str2 = o.value; //たとえば押されたbuttonのvalue
var p = sample.selectionStart;
sample.value = str1.substr(0, p) + str2 + str1.substr(p, str1.length);
window.close();
}
//-->
</script>
</head>
<b...続きを読む

Qtextarea-Aからtextarea-Bに文字をコピーする

お世話になります。
AというWEBページ
textarea-1 textarea-2
textarea-3 textarea-4
「ボタン」

上記のtextarea4つの内容を「ボタン」を押したらそっくり
BというWEBページのテキストエリアにペーストするにはどうしたらいいでしょうか。
textarea-1 textarea-2
textarea-3 textarea-4

Aベストアンサー

こんな感じですかねー。
PageAのボタンを押すと、別に開いてあるPageB(親子関係無し)のTextArea3にPageAのTextArea1のデータが入ります。
あとはこれを改良してみてください。

-PageA--------------------------------------------------------------------------------------
<html>
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function Button1_onclick() {
var win = window.open("", "page2");
var objTextarea = win.document.getElementsByName('TextArea3')[0];
var objTextarea2 = document.getElementsByName('TextArea1')[0];
objTextarea.value = objTextarea2.value;
}
</script>
</head>
<body>
<textarea id="TextArea1" cols="20" rows="2"></textarea>
<textarea id="TextArea2" cols="20" rows="2"></textarea>
<br />
<input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
</body>
</html>


-PageB--------------------------------------------------------------------------------------
<html>
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">

function body_onLoad() {
window.name="page2";
confirm(window.name);
}

</script>
</head>
<body onload="return body_onLoad()">
<textarea id="TextArea3" cols="20" rows="2"></textarea>
<textarea id="TextArea4" cols="20" rows="2"></textarea>
</body>
</html>

こんな感じですかねー。
PageAのボタンを押すと、別に開いてあるPageB(親子関係無し)のTextArea3にPageAのTextArea1のデータが入ります。
あとはこれを改良してみてください。

-PageA--------------------------------------------------------------------------------------
<html>
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function Button1_onclick() {
var win = window.open("", "page2");
var objTextarea = win.document.get...続きを読む


人気Q&Aランキング

おすすめ情報