オープンもとのウインドウを操作

Index

オープンされたウインドウから,オープンもとのウインドウを操作するサンプルで,ボタンをクリックすることによりオープンもとのウインドウの表示位置を操作します.

【例】

	//jss32.html (オープンもと)
	<form>		//(1)
	<input type=button value="Open Window" onclick="open( 'jss32cnt.html' , 'controler' , 'width=150,height=100' )">	
	</form>
		
	//jss32cnt.html 
	<html>
	<head>
	<title>controler</title>
	</head>
	<body bgcolor=white>
	<center>
	<form>
	<table>
		<tr>
			<td colspan=2 align=center>
				<input type=button value="上" onclick="window.opener.moveBy( 0 , -20 )">	//(2)
			</td>
		</tr>
		<tr>
			<td>
				<input type=button value="左" onclick="window.opener.moveBy( -20 , 0 )">	//(3)	
			</td>
			<td>
				<input type=button value="右" onclick="window.opener.moveBy( 20 , 0 )">		//(4)
			</td>
		</tr>
		<tr>
			<td colspan=2 align=center>
				<input type=button value="下" onclick="window.opener.moveBy( 0 , 20 )">		//(5)
			</td>
		</tr>
	</table>
	</form>
	<center>
	</body>
	</html>

【解説】

(1)新規ウインドウ(コントローラー)をオープン
(2)window.openerでオープンもとを指定し,moveByメソッドでオープンもとウインドウを上に20ピクセル移動させます.
(3)オープンもとウインドウを左に20ピクセル移動させます.
(4)オープンもとウインドウを右に20ピクセル移動させます.
(5)オープンもとウインドウを下に20ピクセル移動させます.

【実行してみよう】


1998(C) Motonari Morikawa