サイズを指定して新しいウィンドウ(小窓)を開く
お知らせや、更新履歴など新しいウィンドウ(小窓)に表示すると、ちょっとしたアクセントになります。
新しいウィンドウで小窓を開くよ |
はじめに、小窓で開くページを作って下さい。
<HEAD>〜</HEAD>の中に下記の部分を入れます。
変えるところ→黄色の部分
<script language="JavaScript">
<!--function subWin01(){window.open("リンク先のURL","window1","scrollbars=no,status=no,menubar=no,
toolbar=no, resizable=no,width=窓の横幅を指定,height=窓の縦幅を指定");}
//--></script>
コピーして使用して下さい
このページのサンプル小窓のサイズは 250px X 300px です
新しく開く小窓ウィンドウの設定
toolbar= ツールバーを表示するのか?(yes or no を表記)
status= ステータス表示するのか?(yes or no を表記)
menubar= メニューバー表示するのか?(yes or no を表記)
scrollbars= スクロールバー表示するのか?(yes or no を表記)
resizable= ウィンドウのサイズ変更させるのか?(yes or no を表記)
このページのサンプルはすべて、no で作成しています。
yes で作成したい場合は こちら を参考に違いを確認して下さい。
次に<BODY>〜</BODY>の間の表示したいところに下記の部分を入れます。
<A href="javascript:subWin01()">コメント</A>
変えるところ→黄色の部分
上記サンプル<HEAD>〜</HEAD>の中に入れるソースです。コピーして使用して下さい
新しいウィンドウで小窓を開くよ
上記サンプル<BODY>〜</BODY>の中に入れるソース
コピーして使用して下さい
新しいウィンドウで小窓を開くよ |
上記サンプル<BODY>〜</BODY>の中に入れるソース
コピーして使用して下さい
ロリポップ!なら初心者でも安心!
ホームページ簡単作成 「ホムペロリ!」、「woopa!」
CGI簡単設置 「CGI CANDYBOX!」が無料で使えます!!
【1,500円以上送料無料の楽天ブックス】
ホームページ・ビルダー10パーフェクトマスター
html基本 線・点線 ページ 画像 リンク テーブル テキスト ボタン リスト 禁止・他
●当サイトのソースは、IE6.0+のみ動作確認をしております。 それ以外のブラウザでは同じように表示されない場合がございます。ご了承下さい。