TOP > Resources > CSS & JavaScript Tips > 別ウィンドウにリンク先を表示させるには?

別ウィンドウにリンク先を表示させるには?

はじめに

リンク先を簡単に新しいウィンドウで開く方法は、HTMLのハイパーリンクタグに、target="_blank"と記述を追加すると可能ですね。
例: <a href="http://www.yahoo.co.jp" target="_blank">Yahoo! Japan</a>

しかし、別画面のサイズを指定してポップアップ表示させるにはどうしたらいいのでしょうか?

▲Page TOP

JavaScriptコード記述する

まず、<head>と</head>の間に以下のJavaScriptコードを追加します。

<script type="text/javascript"><!--
// イメージポップアップ表示
function ImageUp() {
window.open("
リンク先のHTMLファイル","window1","width=ウィンドウの幅,height=ウィンドウの高さ");
}
// --></script>

例えば・・・
もし、ポップアップ表示させたいHTMLファイルがmenu.htmで、
ウィンドウ幅が150、高さが300ピクセルの場合で
右側にスクロールバーを表示させたい場合

<script type="text/javascript"><!--
// イメージポップアップ表示
function ImageUp() {
window.open("
menu.htm","window1","width=150,height=300,scrollbars=1");
}
// --></script>

となります。

▲Page TOP

ポップアップ対象となる部分にリンクを挿入する

そして、ポップアップ表示させたいところにリンクします。

<a href="javascript:ImageUp();">ここをクリック!</a>

お手持ちのソフトを使いたい場合、JavaScriptの記述はHTML編集モードにて行ってください。
ポップアップ表示させたいところにリンクを張る場合、HTML編集でなくても操作は可能です。
リンク先のURLに「javascript:ImageUp();」と入力してくださいね。

FrontPage 2003を使えば、ビヘイビア機能を使用してJavaScriptに触れずにポップアップウィンドウを作成することができます。詳しくはこちらをご覧ください。
クリックすると指定サイズのウィンドウを開くには
また、MicrosoftのWebサイトにおいても、関連情報があります。
QA [FrontPage 2003] ページを表示したとき、ポップアップ ウィンドウを表示するには

▲Page TOP

INDEX

▲このページのトップへ

Contents Menu

Site Search by Google


Web サイト内

Microsoft MVP

Microsoft Most Valuable Professional
Microsoft MVP - Expression Web
(April 2009 - March 2010)
/ Expression
(April 2008 - March 2009)
/ FrontPage
(April 2005 - March 2008)
MVP Profile

Ads