ホームページビルダー・グレート初心者講座

Yahoo!ブックマークに登録

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座 FAQへグレート初心者講座 質問掲示板へ





 小窓を効率よく設置する (ウィンドウサイズ可変)

小窓を大量に設置したい方で、小窓ごとにウィンドウサイズを設定したい方の設置方法です。


 複数設置

既に紹介した、小窓の設置とほぼ手順は同じですが、複数設置して行く時に、ソースのコピー、修正が無く、効率よく設置できます。
スクリプトを貼り付けた後、修正が要らず、小窓を増やしたい時はリンク先、サイズなどを設定するだけで設置できます。

小窓のウィンドウサイズが全て同じ方はこちら




 設定

1. ソースのコピーと挿入

小窓を設置したいページの上部、</TITLE>辺りに以下のソースをコピー・ペーストして下さい。
ソースを貼り付ける位置は、他の小窓などと同じですので詳細な貼り付け位置は こちら を参考にして下さい。

※スクリプトの修正は必要ありません
<SCRIPT language="JavaScript">
<!--
function mado(gurl,size)
{
renew = window.open(gurl,"new",size,align="center");
renew.focus();
}
// -->
</SCRIPT>




2. リンクの設定
ソースの修正が完了したら、小窓へリンクを設定します。
通常のリンクと同じように、文字や画像を右クリックし、[リンクの挿入]を選択します。

次に下のソースをコピーしリンクのファイルの部分に貼り付けます。

後は、ソース中の URL の部分を表示したい画像やページ、アドレスなどに書き換え、小窓の高さも同時に設定します。
この時、カンマなどを消してしまわないように十分注意して下さい。

貼り付け用ソース
javascript:mado('URL','width=200,height=200')


修正する部分は下のような意味があります
javascript:mado('表示するファイル','幅,高さ')




例1 (aaa.gif を幅200、高さ250で表示させたい時)
javascript:mado('aaa.gif','width=200,height=250')


例2 (http://aaa.com/sample.html を幅300、高さ400で表示)
javascript:mado('http://aaa.com/sample.html','width=300,height=400')



これで小窓の設置は完了です。
ページを保存した後、正常に小窓が表示できるかプレビューしてみます。




 追加していくには

上記手順で小窓が1つ出来たと思います。
この方法ですと、後はソースの修正はいらず、追加していく時は、「2. リンクの設定」を表示したい画像などの分だけリンク先として追加していくだけです。

例えば画像表示する小窓を追加していく場合は

javascript:mado('aaa.gif','width=200,height=250')
javascript:mado('bbb.gif','width=200,height=250')
javascript:mado('ccc.gif','width=200,height=250')

などの画像を指定したリンクを設定していくだけで、そのリンクは小窓のリンクとなります。


追加していく時もリンクの追加と、リンク先、サイズの修正だけで設置していけますが、カンマなどを消してしまったり、上書きしてしまわないように十分注意して修正して下さい。





| トップページへ | 小技集 | FAQ | 質問掲示板 | 免責事項  | リンクについて  | お問い合わせ  |
ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved