• ベストアンサー

サブブウインドウ

サブウインドウの記述方法で教えてください。 開くウインドウサイズの設定方法は分かるのですが、 同じページ内でサイズ違いのサブウインドウを開きたいのです。 <Head></Head>の中にサブウインドウの記述はひとつしかできないと思うのですが、複数種類のサイズを記述する方法はあるのでしょうか。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • kuzumiHK
  • ベストアンサー率72% (132/183)
回答No.1

おっしゃっているのは、 こういった感じのことでしょうか? <script type="text/javascript"> <!-- function openwin01(url){ window.open(url, "subwindow1", "width=200,height=400,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes"); } function openwin02(url){ window.open(url, "subwindow2", "width=400,height=200,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no"); } // --> </script> <p><a href="test.html" onclick="openwin01(this.href);return false" onkeypress="openwin01(this.href);return false">サブウインドウ1</a></p> <p><a href="test.html" onclick="openwin02(this.href);return false" onkeypress="openwin02(this.href);return false">サブウインドウ2</a></p> <script>~</script>は<head>内か外部jsに書き込む部分です。

brembo
質問者

お礼

kuzumiHKさん ありがとうございます 上記の方法で試せばいくつも設定できることが分かりました。 恩にきます! ありがとうございました。

brembo
質問者

補足

アドバイスありがとうございます ホームページビルダーで作っている中級者なのですが、 現在の記述は <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"width=448 height=336align=center,border=0"); } } //--> <body> <a onclick="_HpbJumpURLinNewWindow('img00013.jpeg');" href="#"><img src="img00013.jpeg" alt="" width="182"></a> </body> という感じです。 試してみますが、この場合01とか02を付けるとしたら _HpbJumpURLinNewWindow01 _HpbJumpURLinNewWindow02なのでしょうか

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • kuzumiHK
  • ベストアンサー率72% (132/183)
回答No.2

お返事ありがとうございます。 ちなみに onkeypress="openwin01(this.href);return false"の部分は、 マウスがない場合に、tabでページリンクを移動して、 enterキーでリンクを開く場合の設定(アクセシビリティ対策)ですので、 つけていたほうがいいですが、基本はonclickだけでいけるはずです。 種類を増やす際にopenwin01を変更し忘れた場合、 enterキーで開いたときにその番号の設定で開いてしまうため、 ご注意ください。それでは。

すると、全ての回答が全文表示されます。

関連するQ&A