|
HOME > ホームページ作成で使えるタグ > ウィンドウの位置を指定する |
|
ウィンドウの位置を指定する
|
|
|
|
|
|
|
|
|
|
|
|
別ウィンドウを開くときの位置指定。 |
|
|
クリックすると別ウィンドウが指定した位置で開きます。 |
|
|
|
|
別ウィンドウの開く位置を指定するサンプル
|
|
|
|
|
|
| テキストのサンプル |
|
|
|
| リンク１
|
リンク２
|
それぞれクリックしますと |
|
|
バラバラの位置に表示されます。 |
|
|
|
| ボタンのサンプル |
|
|
|
|
|
|
|
|
|
|
|
|
| 画像のサンプル |
|
|
|
|
 |
|
画像 b01.gif |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
設置方法 |
|
|
|
|
|
|
|
|
設置場所に以下をコピーして貼り付けて下さい。 |
|
|
|
|
|
width=ウィンドウの横幅 height=ウィンドウの縦の長さ |
|
|
top=上からの位置 left=左からの位置 を自由に変更して下さい。 |
|
|
サンプルでは、test.htmlというページが開くようになっています。 |
|
|
|
|
 HTML記述例 |
|
|
|
|
|
文字の場合 |
|
|
|
|
|
<a onclick="window.open('test.html', '', 'width=600,height=400,top=50,left=20'); return false;" href="test.html">リンク</a> |
|
|
|
|
|
|
|
HTML記述例 |
|
|
|
ボタンの場合 |
|
|
|
|
<form action="#">
<input type="button" value=" ウィンドウを開く " onclick="window.open('test.html', '', 'width=600,height=400,top=250,left=120');">
</form> |
|
|
|
|
|
HTML記述例 |
|
|
|
画像の場合 |
|
|
|
|
<a onclick="window.open('test.html', '', 'width=600,height=400,top=350,left=20');
return false;" href="test.html"><img src="b01.gif"></a> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
HOME
