クリックするとファイルを読み込んで同ページ内に表示のしかた。

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: しおり : 2007/06/08(金) 00:27  ID:OvDsl9i8 sub-9g
【何をしたいのか】
プルダウンメニューの項目をクリックして、同ページのテーブル内に対応するファイルを表示させたいです。
例)プルダウンメニュー
  1 みかん
  2 ぶどう

対応ファイル)
  1 みかん をクリックの際は、 【みかんの説明.txt】
  2 ぶどう をクリックの際は、 【ぶどうの説明.txt】


【現在の状況】
xhtmでの作成で、
javascriptのonChangeを使って、プルダウンメニューをクリックするとファイルを表示、まではできたのですが、元のページが入れ替わってしまいまして、
これをどうしたら、同ページのテーブル内に読み込めるのか、やり方がわかりません。

いろいろ調べてみたのですが、調べられませんでした。
どうかお力をお貸しください。
よろしくお願いします。


作っていたjavascriptのソースです。

<form><select onChange="location.href = this.options[this.selectedIndex].value">
<option value="mikan.txt">みかん</option>
<option value="budou.txt">ぶどう</option>
</select></form>

1   名前: しおり : 2007/06/08(金) 00:27  ID:OvDsl9i8 sub-9g
先程の追記です

selectをクリックしてiframeにリンク先を表示させたいのですが

-------------------------
<form>
<select onChange="location.href = this.options[this.selectedIndex].value">
<option value="mikan.txt" target="code">みかん</option>
<option value="budou.txt" target="code">ぶどう</option>
</select></form>
<iframe src="pre.txt" name="code" width="100%" height="100px"> この部分はインラインフレームを使用しています。 </iframe>
------------------------------

こうかな?と作ってみたのですが
リンク元のページが入れ替わってしまってiframeで表示できませんでした。
また、最初になにも操作していない状態では、iframeにはpre.txtを
表示させたいのですが、うまくいきませんでした。
間違っているところを教えてください。
よろしくお願いします。

2   名前: 匿名 : 2007/06/08(金) 00:27  ID:gFY2524F sub-Q5
こんにちは

<select onChange="location.href = this.options[this.selectedIndex].value">

<select onChange="code.location.href = this.options[this.selectedIndex].value">
としてみてはイカガでしょうか!?

意図したウインドウを指定してあげる訳ですな。

3   名前: しおり : 2007/06/08(金) 00:27  ID:dn/aXduJ sub-Cl
ありがとうございます!できました!!


また質問なのですが
同じ内容を、iframeを使わないで、javascriptで作る方法はありますか?
よろしくお願いします。

一覧へ戻る