疑問

リンクを小窓(新しいウィンドウ)で開く

処理

前提としてブラウザ、設定、ソフトなどでスクリプトそのものが無効になる場合もありますので覚えておいてください。

文字列などの場合は閲覧者に分かりやすいようにリンクと同じ表示形式にした方がいいと思いますので、まずリンクを設定します。リンクするファイルには#かjavascript:void(0)と記述してください。

<a href="#">リンク</a>
<a href="javascript:void(0)">リンク</a>

次にリンクを設定した箇所を選択しますがドラッグなどで反転させないでください。

イベントを発生させたい箇所を選択し編集-イベントの設定

イベントの編集の「イベント」からOnClickまたはOnDbClickを選択し「アクション」のツリーから+ウィンドウの「新しいウィンドウを開き、指定したURLへジャンプします」をダブルクリック

イベントの編集

パラメータの設定のURLを記述OK

パラメータの設定

イベントの編集に戻るのでスクリプトをクリック

スクリプトウィンドウ左上部の

-<HEAD>
│├function _HpbJumpURLinNewWindow(url)
│└//左のウィンドウからアイテムをドラッグして
└<BODY>

から

function _HpbJumpURLinNewWindow(url)

を選択すると右下部にスクリプトが表示されるので、次の記述

window.open(url, '_blank');

window.open(url, "new","width=480,height=360");

の様に書き換えます。widthは幅、heightは高さを指定します。

スクリプトウィンドウ

スクリプト

<head></head>間

<script language="JavaScript">
<!--HPB_SCRIPT_CODE_40
function _HpbJumpURLinNewWindow(url) 
{
  if (url != '')
  {
    window.open(url,  "new","width=***,height=***");
  }
}
//-->
</script>

リンク部分の要素・属性・スクリプト

<a href="javascript:void(0)" onclick="_HpbJumpURLinNewWindow('**.htm');">リンク</a>

上記のスクリプトには不要な記述がありますので削除できる方は削除してください。

オプション

widthやheightのようにオプションを設定する事で開くウィンドウを調整する事ができます。許可する場合はyesか1を、許可しない場合はnoか0を記述してください。

(例;"width=***,height=***,durectories=yes,resizable=no"

オプション表
項目 説明
durectories yes/no(1/0) ディレクトリバー
location yes/no(1/0) ロケーションバー
menubar yes/no(1/0) メニューバー
scrollbars yes/no(1/0) スクロールバー
status yes/no(1/0) ステータスバー
toolbar yes/no(1/0) ツールバー
resizable yes/no(1/0) ウィンドウサイズ変更の可否

蛇足

開いた小窓に以下の記述をすると[閉じる]ボタンになります。

<input type="button" value="閉じる" onclick="self.close();">

サンプル

サンプルです。

応用ページ

小窓から親ウィンドウを開く