重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

【GOLF me！】初月無料お試し

プルダウンメニューでインラインフレームを・・・

解決済

  • 質問者：rusya
  • 質問日時：
  • 回答数：1件

インラインフレームの内容（ファイル）を、プルダウンメニューで選択して変更できるようにしたいのですが、どういう風にスクリプトを書けばいいのでしょうか？　「プルダウンメニューで画像を変える」スクリプトは見つけたのですが・・・・・・。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： lead1976
  • 回答日時：

ちょっと作ってみました。



<html>
<head>
<title></title>
<script type="text/javascript"><!--
function ifrm_change(){
window.open(document.f1.sl1.value,"ifrm1");
}
//--></script>
</head>
<body>

<iframe name="ifrm1" src="a.html" width="400" height="300"></iframe>

<form name="f1">
<p>
<select name="sl1" onChange="ifrm_change()">
<option value="./a.html">a</option>
<option value="./b.html">b</option>
<option value="./c.html">c</option>
<option value="./d.html">d</option>
<option value="./e.html">e</option>
</select>
</form>

</body>
</html>

プルダウンメニューを変更すると、optionのvalueに入れてある値を参照先URLとして、インラインフレームのifrm1にそのファイルを読み出すようにしてあります。
このソースでは、インラインフレームに付けた名前をターゲットにして、window.openでファイルを呼び出すようにしてあります。
こんな感じでしょうか。

参考になれば。
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
相対パスを入れ替えて試してみたところ、正常に作動しました。長い間自分で作ろうとして出来なかったものなので助かりました。本当にありがとうございました。

通報する
お礼日時：2004/11/27 02:41

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

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報