人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

フォームのプルダウンでの選択で、2つのiframeに別々の内容を同時に表示させたいんですがどうすれば良いのでしょう。
具体的にはレシピページを作ってまして、プルダウンで料理名をセレクトすると、ひとつのiframeには料理の出来上がり画像が、もうひとつのiframeには料理の手順などのテキストが2つ同時に表示されるようにしたいんです。
どうすればよいのかお判りになる方、どうか教えてください。

●質問者: minapoo
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:ひとつ セレクト テキスト レシピ 料理
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● den2sn
●60ポイント ベストアンサー

iframeに名前をつけてJavaScriptで

指定するのはいかがでしょうか。

<iframe name="aframe">
</iframe>
<iframe name="bframe">
</iframe>
<br>
<select name="select" onchange="aframe.location=this.options[this.selectedIndex].value+'.html';bframe.location=this.options[this.selectedIndex].value+'2.html'">
 <option value="a">a
 <option value="b">b
</select>
◎質問者からの返答

すみません、例えば「卵焼き」と「目玉焼き」いう選択肢があってtamagoyali.jpg、medamayaki.jpgという画像があって、tamagoyaki.html、medamayaki.htmlという料理手順を書いたhtmlがあった場合に、「卵焼き」を選択すればtamagoyali.jpgがiframe1に、tamagoyaki.htmlがiframe2に「目玉焼き」を選択すればmedamayaki.jpgがiframe1に、medamayaki.htmlがiframe2に表示するようにしたいのですが、教えていただいたもののどの部分に何を入れれば良いのでしょうか。本当に初歩的な質問ですみません。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ