- 締切済み
onmousoverで
onmousoverで、iframeで呼び出しているページを切り替えたい場合、 どのような指定をすればよいのでしょうか?
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- idhokanohi
- ベストアンサー率45% (9/20)
<html> <head> <script> function jump(url){ window.iframe_no_namae.location.href=url; } </script> </head> <body> <span onmouseover="jump('link1.html')">リンク1</span> <iframe src="iframe_saisyo.html" height="200" width="200" name="iframe_no_namae"> </body> </html> こんなんでよかったらどうぞw window.「フレーム名」.location.href=「url」;
- fujillin
- ベストアンサー率61% (1594/2576)
オブジェクトの指定方法や切替えの判断の方法はいろいろ考えられますが、雰囲気としてご参考まで。 change()の次からの6行分と、最後の1行(//以下の1行)は同じ働きです。 <html> <head> <style type="text/css"> #trigger {background-color:#FFFFB0; padding:10px;} </style> <script type="text/javascript"> var flag = 1; var ad1 = "test1.html"; var ad2 = "test2.html"; function change() { flag = 1 - flag; if (flag == 0){ document.getElementsByTagName("iframe")[0].src = ad2; } else { document.getElementsByTagName("iframe")[0].src = ad1; } //document.getElementsByTagName("iframe")[0].src=((flag*=-1)==1)? ad1: ad2; } </script> </head> <body> <iframe src="test1.html" height=400 width=500> </iframe> <p> <span id="trigger" onMouseOver="change();">切替え</span> </body> </html>