ホームページ＆ブログ作成tips ＞ [tips]tips ＞ 別ウィンドウで開く
別ウィンドウで開く
2007年06月25日
<a href="http://〜" target="_blank">リンク先</a>のhtmlを使った方法の別ウィンドウで開く方法は以前に書きましたが（ブログのリンクボタンをクリックするとコノ方法でほとんどサービスで指定されますね★）、今回はJavaScriptを使って開く方法を使ってみます。
まずページの<head>〜</head>の間に下記のように書きます。
<script Language="JavaScript"><!--
function Ａ(){
window.open("Ｂ","Ｃ","Ｄ");
}
// --></script>
Ａ→自分で付けるこのプログラムに対する名前
Ｂ→開くウインドウに表示するファイルのURL。絶対パスでも相対パスでも○。
Ｃ→自分で付けるこのプラグラムのウィンドウ名。1ページに2つ以上つける
場合は異なったモノにします。
Ｄ→ウインドウ設定 。ウィンドウの幅や高さ、スクロールバーの表示するか
どうかを設定します。
※全て半角英数字で指定します。。
そしてリンクを入れたい場所に
<a href="javascript:Ａ()">別ウィンドウで開きます。</a>
今日のヘッダーを利用してサンプル表示です。
↓コチラから確認してみてクダサイ★
ウィンドウの設定は幅200、高さ200、スクロールバーありです。
http://blogair.web.fc2.com/test.html
まずページの<head>〜</head>の間に下記のように書きます。
<script Language="JavaScript"><!--
function Ａ(){
window.open("Ｂ","Ｃ","Ｄ");
}
// --></script>
Ａ→自分で付けるこのプログラムに対する名前
Ｂ→開くウインドウに表示するファイルのURL。絶対パスでも相対パスでも○。
Ｃ→自分で付けるこのプラグラムのウィンドウ名。1ページに2つ以上つける
場合は異なったモノにします。
Ｄ→ウインドウ設定 。ウィンドウの幅や高さ、スクロールバーの表示するか
どうかを設定します。
※全て半角英数字で指定します。。
そしてリンクを入れたい場所に
<a href="javascript:Ａ()">別ウィンドウで開きます。</a>
今日のヘッダーを利用してサンプル表示です。
↓コチラから確認してみてクダサイ★
ウィンドウの設定は幅200、高さ200、スクロールバーありです。
http://blogair.web.fc2.com/test.html
Posted by Webサイトデザイナー★えあ at
2007年06月25日│[tips]tips
│Edit
