• ベストアンサー

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

こんにちは HPで画像を開く際に、下のようなjavascriptを使っています。 <SCRIPT Language="JavaScript"> <!-- function openwin(url) { /* 横幅400px、縦幅200pxのウインドウを開く */ w = window.open(url, 'win','width=400,height=200,status=no,scrollbars=yes,directories=no,menubar=no,resizable=yes,toolbar=no'); } //--> </SCRIPT> body部分に <a href="javascript:openwin('abc.htm')">いろは </a> としています。 で、お教え願いたいのは、別のサイズのウインドウにしたいときはどうしたらいいのでしょうか? 普段は400×200でいいのですが、たまに400×400にしたいときがあります。 方法を教えてくださいませ よろしくお願いいたします。

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

  • ベストアンサー
回答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> のようにしてください。

vaiooooo
質問者

お礼

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

その他の回答 (3)

  • manayu
  • ベストアンサー率53% (79/148)
回答No.3

思いついたやり方。 1.横幅400px、縦幅200pxのウインドウを開く関数と   横幅400px、縦幅400pxのウインドウを開く関数を二つつくる 2.サンプルを示します <html> <head> <SCRIPT Language="JavaScript"> <!-- function openwin(url,wid,hei) { /* 横幅がwidピクセル、縦幅heiピクセルのウインドウを開く */ w = window.open(url, 'win','width=' + wid + ',height=' + hei + ',status=no,scrollbars=yes,directories=no,menubar=no,resizable=yes,toolbar=no'); } //--> </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> という感じでしょうか? 役に立つかどうかわかりませんが。

vaiooooo
質問者

お礼

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

  • Joh_Taka
  • ベストアンサー率76% (222/292)
回答No.2

開かれるリンク先のウインドウがそれぞれ違う大きさであれば、違うリンク先へ移る際に、既に開いているウインドウを一度閉じて、再度、別な指定の大きさでウインドウを開かせる必要があります。 別なリンク部分をクリック → 既に開いているウインドウを一度閉じる → サイズを変えてウインドウを再表示。 ~方法は色々あると思いますが、以上の条件をクリアさせるための一つの方法として、仮に、開かれるリンク先のウインドウを「A1.html」「A2.html」「A3.html」の3種類だとすると、それぞれの各 <body> に onBlur="window.close()" を追加記述して、別ウインドウがフォーカスを失ったときに、自身のウインドウを閉じるアクションを加えてみてはいかがでしょうか。 リンク元A.htmlの記述の一例として・・ <html> <head> <title>A</title> <script type="text/javascript"> <!-- function OpenWinA1(){ window.open("A1.html","win","width=400,height=200"); } function OpenWinA2(){ window.open("A2.html","win","width=400,height=400"); } function OpenWinA3(){ window.open("A3.html","win","width=400,height=200"); } // --> </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ユーザのために、もし、リンク元部分をクリックしても別ウインドウが開かなかったときは、ダブルクリックしてもらうように注釈を加えた方が、親切かもしれませんね・・) とは言え、ワンクリックだけで開くか、ダブルクリックしなければ開かないか、その違いだけですから、よほど古いブラウザを使わない限り特に動作上大きな問題はないと思いますので(?)、その点を御了承の上、よろしければお試し下さい。 もっと良いコーディングがあるかもしれませんが、私に今思いつくのはこの程度です。 (申し訳ない!)

vaiooooo
質問者

お礼

ご回答ありがとうございます。 そうです!こんな風にしたいんです! ものすごくご丁寧にありがとうございました。 MACではダブルクリックなんですか?なんか複雑な世界です。。。 まだまだ初心者なのでいろいろわからないことだらけです。 早速試してみます ありがとうございました。

回答No.1

width=400,height=200 の数字を変えればいいのでは?400×400なら width=400,height=400 ですね。

vaiooooo
質問者

お礼

ご回答ありがとうございます。 通常は400.200でいいのですが、同じページ内で 400.400のウインドウも開くようにしたい場合はどうしたらよいのでしょうか? 400.200、400.400の混在というか。。。 またお教えください、ありがとうございました。

関連するQ&A

  • エラー

    JAVA SCRIPTでWINDOWが開くように以下のようにヘッダに入力しました。 <SCRIPT language="JavaScript"> <!-- function OpenWin1(){ window.open("http://www.******.htm","new_win","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=yes,resizable=no,Width=500,Height=700"); win.moveTo(0,0); } //--> </SCRIPT> それをブラウザから見ると、ウインドウを開いた後にもとのウインドウの下に 「ページでエラーが発生しました」 とでてしまいます これは、構文が間違っているのでしょうか? それともほかに何か原因があるのでしょうか? よろしくおねがいします

  • java script作ったのですがうまく出来ません 1

    下記のを作成したのですがウインドウが3つめまでしか開きません。 ご指摘お願いします。初心者です。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> function window_open(){ w1 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w2 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w3 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w4 = window.open("http://www.yahoo.co.jp/"," _blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w5 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w6 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes");

  • どうやっても新しいウインドウで開いてしまう 

    どうやっても新しいウインドウで開いてしまう タブで開きたいです。 IE9を使っています。 りそな銀行の一部のURLなのですが ツール→インターネットオプションのタブの設定で 「現在のウィンドウの新しいタブ」にしてるのに、 該当のURLをクリックすると必ず新しいウインドウで開いてしまいます。 ソースは <a onclick="javascript:PopupWinOpen(url, 'popup', 'width=1014,height=659,menubar=no,location=yes,toolbar=no,scrollbars=yes,resizable=yes,status=yes,directories=no');" id="ctl00_cphBizConf_lnkPointInq" href="javascript:__doPostBack('ctl00$cphBizConf$lnkPointInq','')">ポイント照会・交換申込等はこちら</a> です。 現在のウィンドウで開かせるのは不可能ですか? どのタグが原因なのですか? ご回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • java script作ったのですがうまく出来ません 2

    続きです。 w7 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w8 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w9 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w10 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w11 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w12 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); } </SCRIPT> </HEAD> <BODY onLoad="window_open()"> 関連URL:http://www.okweb.ne.jp/kotaeru.php3?q=380405

  • Javascriptを使わないで別窓

    サイトの作成で、現在以下のjavascriptを使用したつくりになっているんですが、 function subWin1(){ window.open("top_ss.htm","lunanueva","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=800,height=620");} ※ステータスバーとか消した別窓を出すjavascript Javascriptを使用せず、ステータスバーを消す別窓など、それに近いことを行うことはできないでしょうか。

    • ベストアンサー
    • HTML
  • 開かれる側のファイルに、ツールバー非表示記述

    開かれる側のファイルに、ツールバー非表示やウィンドウサイズ指定などの記述をしたいのですが("width=300,height=400,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes"など?)、どう記述したらよろしいでしょうか。よろしくご回答のほど、お願いいたします。

  • ブラウザサイズをフルサイズで表示させる方法

    ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 XPはOKで、WIN98でうまくいきませんでした。リンク先をクリックすると別ウィンドウが立ち上がる仕組みです。画面サイズに合わせて変わるようなのですが、WIN98では、スクロールバーが途中で切れてしまい、 一番下まで、綺麗に表示できませんでした。これ以外の方法でもかまいませんので、どなたかご伝授いただければと思います。 function wopen(url){ if(screen.width <= 640){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=640,height=480,left=0,top=0") }elseif(screen.width <= 800){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=800,height=600,left=0,top=0") }else if(screen.width <= 1024){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1024,height=768,left=0,top=0") }else if(screen.width <= 1152){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1152,height=864,left=0,top=0") }else if(screen.width <= 1280){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1280,height=1024,left=0,top=0") }else{ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1600,height=1240,left=0,top=0") } return; } : <A href="javascript:wopen('/index.html')">

  • ジャバスクリプトでウィンドウサイズ指定を複数

    ご覧いただきありがとうございます。 ネットで調べながら独学でジャバスクリプトの設置をしております。 色々ためしたのですが解決できないのでご教授願います。 ウィンドウサイズを指定して新しいウィンドウを開くジャバスクリプトのリンクを、異なる条件で同じページに複数指定することはできるでしょうか。 同ページ内にあるAのリンクはサイズ400×300で、Bのリンクは600×500といった具合にです。 自分なりに考えてみて下記のように記述してみましたが、BのリンクにもAが適用されてしまいました。 ■head内の記述 <head> <script language="JavaScript"> <!-- function wopen1(){ win=window.open("リンクAのURL","new","width=400,height=300","resizable=no","scrollbars=no","menubar=no","toolbar=no","directories=no","status=no","left=100","top=100","screenX=100","screenY=100"); win.moveTo(100,100); } // --> </script> <script language="JavaScript"> <!-- function wopen2(){ win=window.open("リンクBのURL","new","width=600,height=500","resizable=yes","scrollbars=yes","menubar=no","toolbar=no","directories=no","status=no","left=100","top=100","screenX=100","screenY=100"); win.moveTo(100,100); } // --> </script> </head> ■リンク箇所の記述 <a href="javascript:wopen1()">リンクAのテキスト</a> <a href="javascript:wopen2()">リンクBのテキスト</a> head内の記述をひとつだけにすると正常に動作するので、head内の記述が間違っていると思うのですが、よくわかりません。ご教授おねがいいたします。

  • 小さいウインドウ

    HPに小さいウインドウをひらいてそこにアンケートをつくりたいのですが <A HREF="アンケートの説明のURL" onClick='window.open("アンケート用紙のURL","ファイルの名前)","width=350,height=200,toolbar=no,location=no,directories=no, status=no,menubar=no,scrollbars=yes,resizable=yes")'">アンケート</a> 今このようにしているのですが 1回「アンケート」という所をクリックして小さいウインドウを開き、 アンケートの中身をかきこんで送信する前に 他のページに行ってまた「アンケート」というところをクリックすると 小さいウインドウのかきこんでおいたアンケートの内容が全て消えてしまうのですが、消えないようにするにはどうしたらいいでしょうか。 教えてください。

    • ベストアンサー
    • HTML
  • 閉じる「×」のないウインドウの作り方

    下記のようなウインドウもしくは、全く形式の?のウインドウでもけっこうですが、右上の閉じる「×」もないウインドウはどのように作れますか? <SCRIPT language=JavaScript> window.open("sample.htm","plan","width=600,height=600,scrollbars=1,menubar=no,resizable=yes,left=10,top=10"); </SCRIPT>