■ ≪戻る ★ホームページ作成ソフト・ホームページビルダーを中心にした解説/ホームページの作成支援サイト★ ■ ホームへ≫



  ■ 位置・サイズを指定した新しいウィンドウを開く


   これ以後の解説の中では"JavaScript""スクリプト"で表記します。

  ここではスクリプトを使って、位置・サイズを指定した新しいウィンドウを開く方法
  紹介します。
  
  スクリプト設定例→  位置・サイズを指定した新しい窓を開く


  ◆ 位置・サイズを指定した新しいウィンドウを開く ◆


   ここでの解説の.〜.は、新しいウィンドウを開き、指定したURLへジャンプさせる設定
     同じです。.からウィンドウの位置・サイズの設定に関する解説になります。


  .リンクを設定する文字列または画像を選択します。
  .メニューバーから「挿入」→「リンク」を選択します。もしくは、ツールバーのリンクの挿入ボタンボタン
    クリックします。

    すると「属性」ダイアログが表示されます。

  .[ファイルへ]タブを選択し、[ファイル名][ # ]と書きます。そして、[イベント]ボタン
    クリックします。

  


    すると「イベントの編集」ダイアログが表示されます。

  .下図@[イベント]一覧から[ OnClick ]を選択し、下図A[アクション]一覧から
    [ウィンドウ]→[新しいウィンドウを開き、指定したURLへジャンプします]を選択し
    ダブルクリックします。

  


    すると「パラメータの指定」ダイアログが表示されます。

  .[参照]ボタンをクリックして[開く]ダイアログを開き、ジャンプ先にしたいファイルを選択して
    [開く]ボタンをクリックします。

  

  .再び「パラメータの指定」ダイアログに戻ってくるので、[URL]にファイルへのパスが表示されて
    いるのを確認し、[OK]ボタンをクリックします。


  .[イベントの編集]ダイアログに戻ります。(下図枠内に設定内容が表示されています。)
    [スクリプト]ボタンをクリックします。

  


    すると「スクリプト」ダイアログが表示されます。

  .下図@<HEAD>にあるHTMLソース(function _HpbJumpURLinNewWindow(url)・・・)を
    クリックします。すると、下図A部分に該当するスクリプトが表示されるので、[ '_blank' ]
    後に位置・サイズなどを設定するプログラムを書き加えます。

  


   位置・サイズなどを設定するプログラムを書き加えて拡大すると・・・
   (色付きの所が書き加えるプログラム部分)

   

   window.open(url, '_blank',"○○○,○○○,○○○,○○○");

   ○○○の所が指定するプログラム部分で、プログラムとプログラムの間は[ , ](カンマ)で区切って
   いきます。プログラムは基本的に、「定義=ピクセル数」で指定します。ウィンドウ幅を400ピクセルで
   指定するなら「width=400」となります。

   また、ウィンドウにスクロールバーを付ける指定の「scrollbars=yes」というプログラムもあります。

    ● 指定できるプログラム一覧

    ● width・・ウィンドウの幅・・・・・・・・・width=XXX
    ● height・・ウィンドウの高さ ・・・・・・・height=XXX
    ● top・・画面上からのウィンドウの位置・・・top=XXX
    ● left・・画面左からのウィンドウの位置 ・・left=XXX
    ● scrollbars・・ウィンドウにスクロールバーを付ける ・・scrollbars=yes

   プログラムを記述するのが面倒な人は、下の複数行テキストボックス内のプログラムをコピーして
   [window.open(url, '_blank');]の部分に上書きして貼り付けてください。そして、各ピクセル数を
   変更してウィンドウの位置・サイズなどを設定し直してください。

  .位置・サイズなどを設定するプログラムを書き加えたら[OK]ボタンをクリックします。

 10.[イベントの編集]ダイアログに戻るので、[OK]ボタンをクリックします。

 11.[属性]ダイアログに戻るので、[OK]ボタンをクリックします。これで位置・サイズを
    指定した新しいウィンドウを開く
設定ができました。
 12.上書き保存ボタンボタンを押してページを上書き保存した後に、スクリプトの動作をインターネット エクスプローラ ボタンボタンをクリックして
    ブラウザで確認します。


 ※ 多くの検索ロボットはJavaScriptを解釈できないので、通常のリンクではなくJavaScriptに
   よってリンク移動を制御している場合は別のページへリンクされている事に気が付きません。
   なので、ページのどこかにリンク先アドレスを記述しておく方が良いでしょう。
   ただ、リンク先のページがそんなに重要でないなら別ですが・・。


 ※ スクリプトは「<!--」と「//-->」で必ず囲みます。どうしてかと言うと、「<!--」と「//-->」で
   囲んでいないスクリプトだと、スクリプトを使用できない Webブラウザの場合にスクリプトが実行されず
   スクリプトのプログラムリストそのものが文字として、ホームページに表示されてしまうからです。

   スクリプトを「<!--」と「//-->」で囲んでおけば、スクリプトを使用できない Webブラウザは
   スクリプトはプログラミング内のコメント」扱いをして命令文を素通りするので、 Webブラウザに
   表示される事はありません。
                                     ▲ページTOPへ




  「位置・サイズを指定した新しいウィンドウを開く」に関する解説は以上です。

                                         ▲ページTOPへ

  ■ ≪戻る



さぬきWEBは個人・お店用ホームページ制作代行を行っているSOHOです  さぬきWEBは個人・お店用ホームページ
 制作・作成代行を行っているSOHOです
 さぬきWEBへ≫
ホームページ作成ソフト・ホームページビルダーを中心にした解説/ホームページの作成支援サイト/ホームページを築城せよ!!  ホームページ作成ソフト・ホームページ
 ビルダーを中心にした解説/
 ホームページの作成支援サイト

Copyright(C)2006 ホームページを築城せよ All Rights Reserved