『リンク先を小さいウィンドウで開く』方法をこのページでは紹介したいと思います。多少の操作が必要ですが、ﾎｰﾑﾍﾟｰｼﾞ･ﾋﾞﾙﾀﾞｰに用意されているモノ（ＪａｖａＳｃｒｉｐｔ）に少し修正を加えるだけで簡単に設定することが出来ます
(^∀^)♪
《 設定方法 》
① まず、文字列をドラッグして右クリックします。表示されたメニューから【リンクの挿入（Ｌ）】を選択。
② リンクの【属性】ダイアログの【ファイルへ】タブを選択して【ファイル名（Ｎ）】の欄に『＃』を入力。
③ 入力後、その下にある《イベント（Ｅ）》ボタンをクリックし、【イベントの編集】ダイアログを表示。
④ 【イベントの編集】ダイアログの【イベント（Ｖ）】から「ＯｎＣｌｉｃｋ」を選択し、【アクション（Ｃ）】の「ウィンドウ」項目をダブルクリックしてください。
⑤ さらに、「新しいウィンドウを開き、指定したＵＲＬへジャンプします。」をダブルクリックし、【パラメータの指定】ダイアログを表示させてください。
⑥ 【パラメータの指定】ダイアログの《参照（Ｂ）》ボタンをクリックし、小さいウィンドウで開くページを選択し、ＯＫボタンをクリックします。
⑦ 【イベントの編集】画面で【イベント（Ｖ）】と【アクション（Ｃ）】の各欄が、上の操作の通り設定されているか確認し、《ＯＫ》ボタンを押します。
⑧ リンクの【属性】ダイアログも《ＯＫ》ボタンをクリックして閉じてください♪
⑨ 【プレビュー】画面で確認をして、通常のリンクのようにリンク先が新しいウィンドウで開かれれば設定が完了というコトになります!!
■ 補足１ ■
この時点では「ウィンドウサイズは大きいまま」です。 また、新しいウィドウ内にページが表示されないときは一度ページを保存すると表示されるようになります。『小さいウィンドウ』で開くには【ＨＴＭＬソース】画面で設定を追加する必要があります。
① 【ＨＴＭＬ ソース】画面を開けてください。
② ＜ｈｅａｄ＞内に → window.open(url,'_blank')
←というスクリプトが作成されていますので見つけてください。
③ この場所に「半角英数」で修正します。
④
window.open(url,'_blank','width=150,height=150') ←と修正してください
(*^▽^*)
※ １５０は自由に変更してネ。
⑤ 修正が完了したら「プレビュー」画面で見る前に保存をしましょう！
保存する前に確認をするとスクリプトエラーになってしまい正常に作動しません！
※ カンマ（,）やシングルクォート（'）は抜けないようにしましょう。 全角での入力も正常に動きませんので注意して入力してくださいネ♪
■ 補足２
■
『リンクした位置から元のページを移動させたくない場合』
「＃」で設定すると、元となるページが小窓を開いた時に上の方へ戻ります。
なので、「＃」の代わりに「Javascript:void(0)」と入力すると設定完了です♪
■ 補足３ ■
『メニューバーなどの「表示/非表示」の設定』
この設定は、「yes/no」または「1/0」で出来ます。
↓スクロールバー＆メニューバー＆ツールバーを表示させる時↓
window.open(url,'_blank',"toolbar=yes,menubar=yes,scrollbars=yes,width=150,height=150');
※ ウィンドウサイズを変更可能にするには「resizable=yes」を付け加えてください。
■ 補足４
■
『表示されるウィンドウを１つにする』設定
＜ｂｏｄｙ＞タグを修正します。
→ <body
onblur="window.close()"> ←
コレでＯ．Ｋ．ですが、ただし
画面上に１つしかウィンドウが開かなくても、前のウィンドウはステイタスバーの中に残ります。
■ 補足５
■
『ウィンドウを閉じるボタンを設置する』設定
①
メニューバーから【挿入（Ｉ）】－【フォームと入力部品（Ｆ）】－【プッシュボタン（Ｐ）】－【一般ボタン（Ｂ）】を選択してください。
②
プッシュボタンの【属性】ダイアログが表示されたら【ボタンに表示するラベル（Ｌ）】欄にボタン上に表示される名前を入力します（「閉じる」など）。
③
次に《イベント（Ｅ）》ボタンをクリックして【イベントの編集】ダイアログを表示させます。
④
【イベントの編集】ダイアログの【イベント（Ｖ）】欄で「ＯｎＣｌｉｃｋ」を選択。
⑤
【スクリプト（Ｒ）】欄に「window.close()」と半角英数で入力後、《登録（Ａ）》ボタンをクリック。
⑥
登録内容が確認できたら《ＯＫ》ボタンを押して完了です♪
|
ホームページ・ビルダー
の裏技・小技＆テクニック
ﾌｫﾝﾄ（ｆｏｎｔ）：ｻｲｽﾞと色の変更（属性）
初心者でも分かるホームページ作成
更新情報♪
