別のウインドウからメインウインドウを操作
MENU

MENUの文字やボタンを押すと、別のウインドウが開きます。

そのウインドウのリンクをクリックすると、このウインドウにリンク先が表示されます。

別のウインドウを開くソース
<html>
<head>
<title>別のウインドウからメインウインドウを操作</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function new_win2(){
window.open("link13.html","","width=400,height=300");
}
//-->
</SCRIPT>
</head>
<body>
<a href="#" onClick="JavaScript:new_win2();return false">MENU</a>
<FORM><INPUT type="button" value="MENU" onClick="new_win2()"></FORM>
</body>
</html>
別のウインドウのソース
<html>
<head>
<title>別のウインドウ</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function jump_win(myURL){
opener.location.href=myURL;
}
//-->
</SCRIPT>
</head>
<body>
<p align="center">MENU</p>
<p align="center"><a href="#" onClick="JavaScript:jump_win('test1.html');return false">テストページ1</a></p>
<p align="center"><a href="#" onClick="JavaScript:jump_win('test2.html');return false">テストページ2</a></p>
<p align="center"><a href="#" onClick="JavaScript:jump_win('test3.html');return false">テストページ3</a></p>
<p align="center"><a href="#" onClick="JavaScript:jump_win('test4.html');return false">テストページ4</a></p>
<p align="center"><a href="#" onClick="JavaScript:jump_win('test5.html');return false">テストページ5</a></p>
<p align="center"><a href="#" onClick="JavaScript:jump_win('link12.html');return false">最初のページ</a></p>
<p align="center"><a href="JavaScript:window.close()">CLOSE</a></p>
</body>
</html>
<a href="#" onClick="JavaScript:jump_win('test1.html');return false">テストページ1</a> がリンク文字のソースですから、リンク先は test1.html などをかえてください。

あるフレームにリンク先を表示する場合は、そのフレームのフレーム名をソースに指定します。フレーム名を main とすると、上から7行目は opener.parent.main.location.href=myURL; になります。

opener.parent.表示させたいフレームのフレーム名.location.href=myURL; という具合に、ソースに指定をしてください。

JavaScript GarageのTopへ戻る