• ベストアンサー

いろんなサイズの新しいウィンドウを開く(javascript)

個人的に作っているサイトのギャラリーのページに、それぞれアイコンをクリックすると新しいウィンドウが作品に合ったサイズで開く様に指定したいと思っています。(ツールバー無しで) javascriptで、指定したサイズの新しいウィンドウを開く方法は分かるのですが、1ページに複数の異なるサイズの新しいウィンドウを開くリンクを貼ることは可能でしょうか? 御存知の方、またはそれを説明しているページのURLを教えてください。お願いします。

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

  • ベストアンサー
  • peron
  • ベストアンサー率45% (43/95)
回答No.2

例として下記スクリプトをコピペしてください <HEAD> <META http-equiv="Content-Script-Type" content="text/javascript"> <SCRIPT type="text/javascript"> <!-- function wop(theURL,winName,features) { newW=window.open(theURL,winName,features); } //--> </SCRIPT> </HEAD> <BODY> <P>ここを<A href="#" onClick="wop('○○.html','sub1','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=680,height=400')">クリック</A>してください</P> <BR> <P>ここを<A href="#" onClick="wop('××.html','sub2','toolbar=no,location=no,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=480,height=200')">クリック</A>してください2</P> </BODY> onClickの後はwop(theURL,winName,features)に対応しますので theURLの部分にリンク先のURL→○○.html 次のwinNameの部分に#1様のおっしゃってる窓の名前→sub1・・(sub2,sub3と変えてゆけば) 3番目のfeaturesの部分にロケーションバーやツールバーの設定(yes OR no)と窓の大きさwidth=680,height=400を設定すればいいです 3番目は窓の大きさだけ書き その他を省略しても可能です

lllo
質問者

お礼

とても分かりやすいご説明ありがとうございます! 窓の名前の指定の仕方がよく分からなかったので本当に助かりました!

その他の回答 (1)

  • hime_mama
  • ベストアンサー率32% (1542/4716)
回答No.1

開く窓の名前を変えれば、いくらでも開くことができます。 しかし、最近のブラウザではポップアップをブロックすることもできるようになっているので、説明書きで「ポップ窓が開きます」としておかないとNGかもしれません。

参考URL:
http://www.din.or.jp/~hagi3/JavaScript/JSTips/Default.htm
lllo
質問者

お礼

ありがとうございます。

関連するQ&A