|
HTMLタグ > 新しく別ウィンドウを開く・ウィンドウを閉じる
|
小さめの別窓を開いたり、閉じたりします。
Sleipnirではウィンドウのサイズ指定が無効なため、「target=_blank」と同じになります。
ウィンドウを開くリンク
Sample ( 幅300、高さ400の別窓 )
<a href=# onclick="mywin=window.open('【リンク先】','【タイトル】','width=【幅】,height=【高さ】');">
【リンクを貼る文字や画像】
</a>
|
【タイトル】は何も入れないでいいと思います。
入れると開かなくなったり、開いてもどこに使われるのかよくわかりません(´・ω・`)
【幅】と【高さ】は、新しく開く別ウィンドウのサイズの指定です。
指定しない場合は「''」だけにします。
指定しなかったときは、もとのウィンドウと同じサイズで開きます。
スクロールバーなどをつけるかどうかも指定できます。
その場合は、【幅】と【高さ】の後に「, ( コンマ ) 」をつけて以下のタグを続けて入れます。
○には、有りなら「1」、無しなら「0」と入れます。
ふたつ以上指定する場合も、「, ( コンマ ) 」をつけて続けます。
|
スクロールバー
|
scrollbar=○
| |
ツールバー ( 戻る、や更新などのボタンのあるバー )
|
toolbar=○
| |
ロケーションバー ( アドレスバーを入れるバー )
|
location=○
| |
ステータスバー
|
status=○
| |
メニューバー( ファイル、編集などのバー )
|
menubar=○
|
★一部の「'〜'」を削除すると、ウィンドウが開かなくなることがあります。
指定しなくても何も入れず「''」としておくか、「('xx.html')」という風にリンク先だけにするかで指定して下さい。
あまり制約しても見にくくなったりするので、リンク先以外は指定しない方がいいかもしれません。
そうすると「target=_blank」と同じになるのでその方が早いでs
新しく別ウィンドウを開くボタン
<form>
<input type=button onclick="mywin=window.open('【リンク先】','【タイトル】','width=【幅】,height=【高さ】');" value=【ボタンに表示する文字】>
</form>
|
【タイトル】、【幅】、【高さ】の書き方は、上のを参照して下さい。
バーの有無も多分同じように指定できると思います。
ウィンドウを閉じるリンク
見本はこちらの新しいウィンドウで。
閉じるページの</title>〜</head>に、以下のタグを入れます。
<script language=javascript>
<!--
function CloseWin(){
window.close();
}
// -->
</script>
|
リンクの表示には以下のタグを使います。
|
<a href="javascript:CloseWin()">
【リンクを貼る文字や画像】</a>
|
ウィンドウを閉じるボタン
見本はこちらの新しいウィンドウで。
<form>
<input type=button onclick='window.close()' value=【ボタンに表示する文字】>
</form>
|
*おまけ*
画像を新しいウィンドウで見せたい場合について。
上記の方法で画像サイズぴったりのウィンドウを出してもキレイだけど、ブラウザによっては無効になるのであまり
凝ってもしかたないかも。
画像だけを見せるなら、HTMLに貼ったそれにリンクするより、直接画像ファイルにリンクすると楽です。
参考URL…http://homepage2.nifty.com/yoshi-m/makehp/javascript/source/window/1.htm
「HTMLタグ」のトップに戻る
|
|
|