- 締切済み
同一ウィンドウ内にIFREAMで別ページを表示
リンクの文字列をクリックすると、その下にIFREAMでリンクしたページを表示する方法を教えてください クリックして初めてIFREAMが表示されるようにしたいです 文字列は変更したくありません こんな希望ですがどのようなやり方があるでしょうか 形はLycosのページ検索と同じですが、 「プレビュー」、「閉じる」での操作ではなく、リンクの文字列で操作したいんです 宜しくお願いします
- Teenage
- お礼率36% (24/66)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- lmeelm
- ベストアンサー率52% (18/34)
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にも面白いのがあります。
