|
HOME > ホームページ作成で使えるタグ > ウィンドウサイズを指定する |
|
ウィンドウサイズを指定する
|
|
|
|
|
|
|
|
|
|
|
|
別ウィンドウを開くときのサイズ指定。 |
|
|
クリックすると別ウィンドウがサイズ指定したサイズで開きます。 |
|
|
|
|
別ウィンドウが指定したサイズで開くサンプル
|
|
|
|
|
|
テキストのサンプル |
|
|
|
リンク1
|
リンク2
|
リンク3
|
リンク4
|
リンク5
|
|
|
リンクをクリックすると別ウィンドウが開きます。
それぞれ違うサイズで開くように設定しています。 |
ボタンのサンプル |
|
|
|
|
|
|
それぞれ test.htmlが開くように設定しています。 |
|
|
|
|
|
画像のサンプル |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
設置方法 |
|
|
|
|
|
|
|
|
設置場所に以下をコピーして貼り付けて下さい。 |
|
|
|
|
|
width=ウィンドウの横幅 height=ウィンドウの縦の長さ |
|
|
を自由に変更して下さい。 |
|
|
|
|
HTML記述例 |
|
|
|
|
|
文字の場合 |
|
|
|
|
|
<a onclick="window.open('test.html', '', 'width=600,height=400'); return false;" href="test.html">リンク文字</a> |
|
|
|
|
|
|
|
HTML記述例 |
|
|
|
ボタンの場合 |
|
|
|
|
<form action="#">
<input type="button" value=" ウィンドウを開く " onclick="window.open('test.html', '', 'width=600,height=400');">
</form> |
|
|
|
|
|
HTML記述例 |
|
|
|
画像の場合 |
|
|
|
|
<a onclick="window.open('test.html', '', 'width=600,height=400'); return false;" href="test.html"><img src="画像の指定"></a> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|