• 締切済み

同一ウィンドウ内にIFREAMで別ページを表示

リンクの文字列をクリックすると、その下にIFREAMでリンクしたページを表示する方法を教えてください クリックして初めてIFREAMが表示されるようにしたいです 文字列は変更したくありません こんな希望ですがどのようなやり方があるでしょうか 形はLycosのページ検索と同じですが、 「プレビュー」、「閉じる」での操作ではなく、リンクの文字列で操作したいんです 宜しくお願いします

みんなの回答

  • lmeelm
  • ベストアンサー率52% (18/34)
回答No.1

1つのiframe内でJUMPさせるんでしたら <HTML> <HEAD> <TITLE>インラインフレーム</TITLE> <SCRIPT language="JavaScript"> function divChange(){ div1.innerHTML ='<IFRAME src="dummy.htm" align="left" style="border:none;width:600;height:300;" scrolling="auto" name="iframe" margin="0" frameborder="0" border="0"></IFRAME>'; } </SCRIPT> </HEAD> <BODY> <A href="http://yahoo.co.jp" target="iframe" onclick="divChange()">リンク1</A>  <A href="http://google.com" target="iframe" onclick="divChange()">リンク2</A>  <A href="http://goo.ne.jp" target="iframe" onclick="divChange()">リンク3</A> <DIV id="div1"></DIV> </BODY> </HTML> こんな感じで、、、 複数のIFRAMEを表示非表示したいのでしたら <HTML> <HEAD> <TITLE>インラインフレーム表示非表示</TITLE> <SCRIPT Language="JavaScript"> <!-- function dispIframe(id) { var disp = document.all(id).style.display; if(disp != "none" || disp == "") { document.all(id).style.display = "none"; } else { document.all(id).style.display = "block"; } } //--> </SCRIPT> </HEAD> <BODY> <A href="http://yahoo.co.jp" target="iframe1" onclick="dispIframe('i1')">リンク1</A>  <DIV id="i1" style="display:none;"> <IFRAME src="dummy.htm" name="iframe1" style="border:none;width:600;height:300;" scrolling="auto" margin="0" frameborder="0" border="0"></IFRAME></DIV> <BR> <A href="http://google.com" target="iframe2" onclick="dispIframe('i2')">リンク2</A>  <DIV id="i2" style="display:none;"> <IFRAME src="dummy.htm" name="iframe2" style="border:none;width:600;height:300;" scrolling="auto" margin="0" frameborder="0" border="0"></IFRAME> </DIV> <BR> <A href="http://goo.ne.jp" target="iframe3" onclick="dispIframe('i3')">リンク3</A> <DIV id="i3" style="display:none;"> <IFRAME src="dummy.htm" name="iframe3" style="border:none;width:600;height:300;" scrolling="auto" margin="0" frameborder="0" border="0"></IFRAME> </DIV> </BODY> </HTML> こんなんでどうでしょう? あとは参考URLにも面白いのがあります。

参考URL:
http://ad.il24.net/~ura/time/iframe_close_script_source.htm

関連するQ&A