javascriptサブウィンドウ(その2)
あるページから他のページにリンクで移動した場合にサブウィンドウが表示されるケースです。これも割合多く使われているスクリプトだと思います。■ページを移動したとき、また別のページに移動して開くサブウィンドウソース記述例<HTML> <HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS"><TITLE>でめららHTMLサンプル</TITLE><SCRIPT TYPE="text/javascript"><!--function disp(url){window.open(url, "window_name", "width=350,height=250,scrollbars=yes");}// --></SCRIPT></HEAD><BODY BGCOLOR="#C0C0C0" onLoad="disp('s_open1.html')" onUnload="disp('s_open2.html')"><HR SIZE="1" COLOR="#000000"><br><br><br><br><br><CENTER><BR><BR>サブウィンドウを表示させるためのページ<BR><BR><A HREF="javascript:history.back();">前のページにもどる</A></CENTER><br><br><br><br><br><HR SIZE="1" COLOR="#000000"></BODY></HTML>■サンプル■サブウィンドウはデザインや設定を細かく指定することができます。※ここでは"yes""no"で指定していますが"1""0"でも意味が同じに設定できますソース記述例<HTML> <HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS"><TITLE>でめららHTMLサンプル</TITLE><SCRIPT TYPE="text/javascript"><!--function disp1(url){window.open(url, "window_name1", "width=350,height=250,scrollbars=yes");}function disp2(url){window.open(url, "window_name2", "width=350,height=250,resizable=yes");}function disp3(url){window.open(url, "window_name3", "width=350,height=250,menubar=yes");}function disp4(url){window.open(url, "window_name4", "width=350,height=250,toolbar=yes");}function disp5(url){window.open(url, "window_name5", "width=350,height=250,location=yes");}function disp6(url){window.open(url, "window_name6", "width=350,height=250,directories=yes");}function disp7(url){window.open(url, "window_name7", "width=350,height=250,status=yes");}function disp8(url){window.open(url, "window_name8", "width=350,height=250,scrollbars=yes,resizable=yes,menubar=yes,toolbar=yes,location=yes,directories=yes,status=yes");}function disp9(url){window.open(url, "window_name9", "width=350,height=250,scrollbars=no,resizable=no,menubar=no,toolbar=no,location=no,directories=no,status=no");}// --></SCRIPT></HEAD><BODY><HR SIZE="1" COLOR="#000000"><CENTER><B>scrollbars="yes"</B>の場合のサンプル<A HREF="javascript:disp1('s_open1.html')">スクロールバーを表示</A><br><br><B>resizable="yes"</B>の場合のサンプル<A HREF="javascript:disp2('s_open1.html')">ウィンドウのサイズ変更を可能にする</A><br><br><B>menubar="yes"</B>の場合のサンプル<A HREF="javascript:disp3('s_open1.html')">メニューバーを表示</A><br><br><B>toolbar="yes"</B>の場合のサンプル<A HREF="javascript:disp4('s_open1.html')">ツールバーを表示</A><br><br><B>location="yes"</B>の場合のサンプル<A HREF="javascript:disp5('s_open1.html')">ロケーションバーを表示</A><br><br><B>directories="yes"</B>の場合のサンプル<A HREF="javascript:disp6('s_open1.html')">ディレクトリバーを表示</A><br><br><B>status="yes"</B>の場合のサンプル<A HREF="javascript:disp7('s_open1.html')">ステータスバーを表示</A><br><br><B>すべてを yes</B>の場合のサンプル<A HREF="javascript:disp8('s_open1.html')">すべてを yes に設定した例</A><br><br><B>すべてを no</B>の場合のサンプル<A HREF="javascript:disp9('s_open1.html')">すべてを no に設定した例</A><br><br><A HREF="javascript:history.back();">前のページにもどる</A></CENTER><br><br><br><br><br><HR SIZE="1" COLOR="#000000"></BODY></HTML>■サンプル*****************************************************【庶事所感】韓国食品安全庁では、韓国内のキムチ業者が製造する502社を検査した結果、16社の製品から卵が検出されたと発表・・・キムチ、好きなんですけど(><)ん~回虫は嫌ですよねぇ・・・*****************************************************なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネリンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります)◆◇でめららメインコンテンツ◇◆テンプレートMENUでめららタグ講座マーキー講座楽天HTMLタグ一覧スタイルシート索引逆引きスタイルシートアクセスアップMENU便利ツールカラーチャート文字実体参照絵文字フォント文字フォントウィルス対策コピペBOXでめららのプラザ楽天日記|情報コミュニティーサイトPRIORITY ONE|女性下着専門通販サイトINNER COLLECTION|腸内洗浄コーヒーエネマ|化粧品通販【cosme-PRIORITY ONE】|浜田省吾ファンサイトDownByTheMainstreet