- ベストアンサー
新しいフレームに移動してきて、値によって任意の画像を表示するには？
FORM等で値を設定したあと、次のフレームに移動してから、先ほど設定した値に応じた画像を表示したいと思っています。 しかし、初期設定の方法などがわからず、最初から呼び出したい画像を開く方法がわかりません。 なにかよい方法がありましたら、ご教授の程、どうか宜しくお願いします。
- amoban
- お礼率82% (66/80)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
フレームの移動の動作がわからないので具体的に答えることが出来ませんが、 サンプルとして別フレームで設定した値を送るともう一つのフレームの画像が変わるという動きを書いて見ました。 参考にしてください。 例） フレームA(menu)：値を設定する。 フレームB(main)：画像を表示する。 フレームA <HTML> <HEAD> <SCRIPT> function send(){ parent.main.location.href="フレームB.html"; } </SCRIPT> </HEAD> <BODY> <FORM name="e_form">： <INPUT type="text" name="param"> <INPUT type="button" value=" 表示 " onClick="send()"> </FORM> </BODY> </HTML> フレームB <HTML> <HEAD> <SCRIPT> function d_img(){ //フレームAの値を取得 var ff = parent.menu.document.form_a.param.value; if(ff=="a"){ window.document.img_a.src="img_2.bmp";//値"a"の時 }else if(ff=="b"){ window.document.img_a.src="img_3.bmp";//値"b"の時 } } </SCRIPT> </HEAD> <BODY onLoad="d_img()"> //初期画像（値無しの場合） <IMG SRC="img_1.bmp" name="img_a"> </BODY> </HTML>
お礼
お答えありがとうございます。 同じようなやり方でうまく作動しました。 onLoad で呼び出す関数の中でＳＲＣを変更することが出来るのですね。 ＜ＢＯＤＹ＞タグの後で＜ＩＭＧ＞タグを記入しますから、 後書き優先になってしまうのではないかと思っていました。 この辺がまだまだ理解の出来ていないところです。 ご丁寧なお答え、どうもありがとうございました。