ベストアンサー

別ウインドウを開くようにしてるのですが

2004/04/07 15:14

こんにちは HPで画像を開く際に、下のようなjavascriptを使っています。 <SCRIPT Language="JavaScript">  </SCRIPT> body部分に <a href="javascript:openwin('abc.htm')">いろは </a> としています。で、お教え願いたいのは、別のサイズのウインドウにしたいときはどうしたらいいのでしょうか？普段は400×200でいいのですが、たまに400×400にしたいときがあります。方法を教えてくださいませよろしくお願いいたします。

vaiooooo
お礼率94% (34/36)

JavaScript
回答数4
ありがとう数4

みんなの回答 （4）
専門家の回答

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

ベストアンサー

mousengoke
ベストアンサー率50% (197/388)

2004/04/07 16:05 回答No.4

No.1のmousengokeですでは関数を function openwin(url,haba,takasa) { w = window.open(url, 'win','width=' + haba + ',height=' + takasa + ',status=no,scrollbars=yes,directories=no,menubar=no,resizable=yes,toolbar=no'); } としてください。呼び出す時には <a href="javascript:openwin('abc.htm',400,200)">いろは</a> あるいは <a href="javascript:openwin('abc.htm',400,400)">いろは</a> のようにしてください。

質問者

お礼 2004/04/07 16:14

再びのご回答に感謝します。いろんな記述があるのですね。。皆さんの頭の中を覗いてみたい気持ちです。本当にありがとうございました。いろいろネットで調べてたのですが、こちらではあっという間に解決するのでビックリしています。ありがとうございました。

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

その他の回答 (3)

manayu
ベストアンサー率53% (79/148)

2004/04/07 16:01 回答No.3

思いついたやり方。１．横幅400px、縦幅200pxのウインドウを開く関数と　　横幅400px、縦幅400pxのウインドウを開く関数を二つつくる２．サンプルを示します <html> <head> <SCRIPT Language="JavaScript">  </SCRIPT> <title></title> </head> <body> <a href="javascript:openwin('abc.html',400,200)">400×200ウインドウ </a> <br> <a href="javascript:openwin('abc.html',400,400)">400×400ウインドウ </a> </body> </html> という感じでしょうか？役に立つかどうかわかりませんが。

質問者

お礼 2004/04/07 16:11

ご回答ありがとうございます。ほんとうにこちらはすごい方ばっかりで頭がさがります。「思いついた」、とは。。。ただただ尊敬です。。こちらはmacなんかもOKなんでしょうか？早速使わせていただきます、ありがとうございました。

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

Joh_Taka
ベストアンサー率76% (222/292)

2004/04/07 15:48 回答No.2

開かれるリンク先のウインドウがそれぞれ違う大きさであれば、違うリンク先へ移る際に、既に開いているウインドウを一度閉じて、再度、別な指定の大きさでウインドウを開かせる必要があります。別なリンク部分をクリック → 既に開いているウインドウを一度閉じる → サイズを変えてウインドウを再表示。～方法は色々あると思いますが、以上の条件をクリアさせるための一つの方法として、仮に、開かれるリンク先のウインドウを「A1.html」「A2.html」「A3.html」の3種類だとすると、それぞれの各 <body> に onBlur="window.close()" を追加記述して、別ウインドウがフォーカスを失ったときに、自身のウインドウを閉じるアクションを加えてみてはいかがでしょうか。リンク元A.htmlの記述の一例として・・ <html> <head> <title>A</title> <script type="text/javascript">  </script> </head> <body> <a href="javascript:OpenWinA1()">ウインドウサイズ400×200pixelのA1.htmlを開く</a> <br> <a href="javascript:OpenWinA2()">ウインドウサイズ400×400pixelのA2.htmlを開く</a> <br> <a href="javascript:OpenWinA3()">ウインドウサイズ400×200pixelのA3.htmlを開く</a> </body> </html> リンク先A1.htmlの例として・・ <html> <head> <title>1</title> </head> <body onBlur="window.close()"> <div align="center"> <h1>1</h1> <br> <form> <input type="button" value="このウインドウを閉じる" onClick="window.close()"> </form> </div> </body> </html> の様な感じになりますが、いかがでしょうか。注意点として、Mac.のIE、NNでは、リンク元をダブルクリックしなければ別ウインドウは開かないようです。（Safariは未検証です）また、WindowsのOperaなど一部のブラウザでも、ウインドウのフォーカスコントロールに対する解釈が違うため、リンク元をダブルクリックしなければ別ウインドウが表示されない現象があります。（この方法を使うのでしたら、MacユーザやOperaユーザのために、もし、リンク元部分をクリックしても別ウインドウが開かなかったときは、ダブルクリックしてもらうように注釈を加えた方が、親切かもしれませんね・・）とは言え、ワンクリックだけで開くか、ダブルクリックしなければ開かないか、その違いだけですから、よほど古いブラウザを使わない限り特に動作上大きな問題はないと思いますので(?)、その点を御了承の上、よろしければお試し下さい。もっと良いコーディングがあるかもしれませんが、私に今思いつくのはこの程度です。（申し訳ない！）

質問者