• 締切済み

onmousoverで

onmousoverで、iframeで呼び出しているページを切り替えたい場合、 どのような指定をすればよいのでしょうか?

みんなの回答

回答No.2

<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)
回答No.1

オブジェクトの指定方法や切替えの判断の方法はいろいろ考えられますが、雰囲気としてご参考まで。 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>

関連するQ&A

専門家に質問してみよう