リンクで別ウインドウを立ち上げる方法とは?

このQ&Aのポイント
  • JavaScriptを使用してテキストリンク部分から別ウインドウを立ち上げる方法について教えてください。
  • 上記の方法では一つのリンクと一つのウインドウになるため、4つのリンクを列記する場合はどうすればよいのか知りたいです。
  • さらに、4つのリンクに対して同じサイズのウインドウを立ち上げるにはどうすればよいのでしょうか。
回答を見る
  • ベストアンサー

リンクで別ウインドウを立ち上げる場合

時間がなくて、ものすごい困っているので教えてください。 JavaScriptでテキストリンク部分から別ウインドウを立ち上げたいのですが、 <!-- function openWin() { window.open("sub.html","sub","width=320,height=240"); } // --> これだと一つのリンクと一つのウインドウにということになりますよね。 4つそういったリンクさせる場所が存在し、さらに同じサイズのウインドウを立ち上げたいのですが、4つを列記する場合はどうすればよいのでしょうか。javascript初心者なのでどうしてもわかりません。ご存じの方がいらっしゃいましたら、教えてください!

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

  • ベストアンサー
  • atsuota
  • ベストアンサー率33% (53/157)
回答No.2

下の回答を送信した後で、ひょっとしたら、リンクテキストが4箇所あるのかと思いましたので、その場合についても。 リンクテキストが4箇所あるのであれば、1箇所のときと同じことを4回やるだけです。ただし、同じ関数名は使えないので、リンクテキスト毎に呼び出すJavaScript関数の名前を変えてやればいいですね。 例 <!-- function openWin1() { window.open("sub1.html","sub1","width=320,height=240"); } function openWin2() { window.open("sub2.html","sub2","width=320,height=240"); } --> <a href="" onClick="openWin1()">sample1</a> <a href="" onClick="openWin2()">sample2</a>

chikonojyo
質問者

お礼

ありがとうございます!早速やってみました!大丈夫でした!!!!!! なんとか朝に間に合いました。本当に助かりました。ありがとうございました!これからも何かあったと木によろしくお願いいたします!!

その他の回答 (1)

  • atsuota
  • ベストアンサー率33% (53/157)
回答No.1

テキストリンク部分をクリックすると、それぞれ別の内容の4つのウィンドウが(同時に)立ち上がるようにしたい、ということですね。 <!-- function openWin() { window.open("sub1.html","sub1","width=320,height=240"); window.open("sub2.html","sub2","width=320,height=240"); window.open("sub3.html","sub3","width=320,height=240"); window.open("sub4.html","sub4","width=320,height=240"); } // --> でいかがでしょう。 質問の意図が違っていましたら、補足してください。

chikonojyo
質問者

補足

ごめんなさい質問の方法がまずかったみたいです。 同時・・ではなくて、本文中にサブウインドウで立ち上げたい箇所が4カ所ありまして、たとえば「食器」という本文の部分をクリックすると「syokki.html」という書類がサブウインドウで立ち上がってきて、「料理」というところをクリックすると「ryouri.html」というサブウインドウが立ち上がってくるようにしたいのです。いろいろとやってみたのですが、なぜか4つがばたばたっと立ち上がってしまうのです(あくまでクリックの時に指定したファイルのみをサブウインドウで立ち上げたい)。どうしたらよいか教えてください。よろしくお願いいたします。

関連するQ&A

  • ウィンドウオープンに関する初歩的質問ですが

    ウィンドウオープンに関する初歩的質問ですが html側で <a href="javascript:OpenWin('new.html',100,100)">ウィンドウオープン</a> と記述して javascript側で function OpenWin(url,Width,Height){ win=window.open(url,"new","width=Width,height=Height,resizable=1,scrollbars=1"); } と記述してあります。 javascript:OpenWin('new.html',100,100)の部分を javascript:OpenWin('new.html',300,500)としてリンクをクリックしてもウィンドウの大きさが変化しません。 文法上どこか間違っていますでしょうか? よろしくご教授承りたく存じます。

  • JavaScriptで新しいウインドウを立ち上げたときにメインウインドウがおかしい

    メインウインドウの文章中の下の方にリンクをはって、そこからサブウインドウを開いています。実は少し前にatsuotaさんにご回答いただいたこの方法を利用しているのですが <!-- function openWin1() { window.open("sub1.html","sub1","width=320,height=240"); } function openWin2() { window.open("sub2.html","sub2","width=320,height=240"); } --> <a href="" onClick="openWin1()">sample1</a> <a href="" onClick="openWin2()">sample2</a> このsample1とか2がスクロールしなくてもよいくらいの位置にあればいいのですが、スクロールしているところで配置してあると、メインウインドウが毎回トップのあたりにずれてしまうのです。(特別な制御はしていないはずなのですが・・・) おわかりになる方がいらっしゃいましたら教えてください。

  • java scriptによるポップアップウインドウについて

    <head> <SCRIPT language="JavaScript"> <!-- function OpenWin1(){ win=window.open("window1.html","new","width=300,height=100"); } // --> <!-- function OpenWin2(){ win=window.open("window2.html","new","width=500,height=200"); } // --> </SCRIPT> </head> <body bgcolor="#FFFFFF" text="#000000"> <A href="javascript:OpenWin1()">1.ウィンドウを開く</A> <A href="javascript:OpenWin2()">2.ウィンドウを開く</A> </body> 「1.ウィンドウを開く」をクリックしてwindow1.htmlのポップアップウインドウを表示させたまま、「2.ウィンドウを開く」をクリックすると、最初のウインドウサイズを保持したまま、新しいウインドウが開いてしまうのですが、これをうまく処理する方法はないのでしょうか? どなたかアドバイス頂けると嬉しいです。 よろしくお願い致します。

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

    こんにちは 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にしたいときがあります。 方法を教えてくださいませ よろしくお願いいたします。

  • javascriptでのポップアップウィンドウが開かなくて困っています><

    初歩的な質問ですいません。 <script language="JavaScript"> <!-- function OpenWin(){ win=window.open("sample.html","new","width=100,height=100"); } //--> </script> <a href="javascript:OpenWin()"><img src="img/1.jpg" width="60" height="60" onClick="MM_openBrWindow('sample.html','sample','scrollbars=yes,width=460,height=460')" border="0"></a> 上のスクリプトで下のリンクで開こうとする時に、 どうしても開けません。>< どうしてなのでしょうか!? どこかが間違えているのでしょうか!? 誰か助けていただけませんでしょうか;><;;

  • window.openについて

    お世話様です。 早速本題なんですが画像のサムネイルページがあります。 そのページからサムネイルをクリックすると新しいウィンドウを開き元画像を表示するのですが、すべてサイズが違うためヘッダに <script language="JavaScript" type="text/javascript"> <!-- function openwin(url, w, h) { window.open(url,"","width=" + w + ",height=" + h); } // --> </script> と書いて、リンク<a>に onclick="openwin(this.href, 800, 600); return false;" とリンク1つづつに数値(幅,高さ)を変えながら入れて、 サムネイルが指定したサイズで新規ウィンドウとして開くところまでは至りました。 ですが、これでは、サムネイルをクリックする度に新規ウィンドウが開いてしまいます。ウィンドウの名前を指定しようと思い、 ヘッダを function openwin(url, name, w, h) { window.open(url, name, "width=" + w + ",height=" + h); とかえ、リンクを onclick="openwin(this.href, new, 800, 600); return false;" と変えました。 これでいけるかと思ったのですが、サムネイルと同じウィンドウに開かれてしまいます。さて、、、自分の力量はこんな程度で、もうわかりません。 どうすれば、アタらしいウィンドウの名前を指定出来るのか、 初歩的なところかもしれませんがご教授よろしくお願い致します。

  • リンク先をジャバスクリプトで別ウィンドウで見せるとき他のリンクの色も変わってしまう II

    リンク先を別ウィンドウで飛ばすため、同じページにある他のリンクも <a href="#">AAAA</a>(これはポインタを手のマークに変えてリンクをわかり易くするためです) <a href="#">BBBB</a> のように指定していますが、これだと一度クリックしてしまうと 全てのリンクが訪問後の色に変わってしまいます。 この問題はどう改善できるのでしょうか? 前回質問のアドバイスを元に記述してみたのですが↓ <a href="javascript:function void(0)" onClick="window.open('../htm/1.htm','','scrollbars=yes,width=700,height=700')">1234</a> <a href="javascript:function void(0)" onClick="window.open('../htm/2.htm','','scrollbars=yes,width=700,height=700')">5678</a> やはりクリックしてみるとリンク全てが訪問後の色に変わってしまいました、

  • 新しいウィンドウでリンクを開く方法。

    target="_blank"を使わないで、JavaScriptで新しいウィンドウでリンクを開く方法として、 ・<a href="○○.html" onClock="window.open('○○.html','窓の名称','width=○○,height=○○'); return false; ">○○</a> ・<a href="javascript:void(0);" onClock="return open Win('○○.html','窓の名称','width=○○,height=○○')">○○</a> のふたつは同じものなのですか。 異なるのでしたら、どちらを使うべきでしょうか。

  • 画像リンクを別ウインドウでサイズ指定で開くように

    <a href="http大きいサイズの画像" onclick="javascript:window.open('1.html','win1','width=400,height=550');return false;"><IMG SRC="http小さいサイズの画像.jpg" width=60,height=60></a> 小さなサイズの画像をクリックすると、別ウインドウで大きな画像が開くタグを作りたいのですが、 その際に大きいサイズの画像を400×550サイズでぴったりと開くようにしたいのです。 上記のタグでは、別ウインドウでは開くのですがサイズは変わりません… Javascriptを使わないといけないのでしょうか? その辺のことが全くわからないので どなたかわかりやすく添削してもらえないでしょうか。

  • 複数別ウィンドウを開いた場合

    <a href="sub.html" onClick="window.open('sub.html','subwin','width=300,height=300,left=0,top=0'); return false;">開く</a> のリンクから別ウィンドウを開き、 また違うリンクを上記のソースの方法で開いた場合、IEでは、下のタスクバーにしまったままで画面が出てきません。この対処方法はありますでしょうか? どなたか教えていただけないでしょうか?

専門家に質問してみよう