• 締切済み
  • 困ってます

window.openについて

window.openを使って新しいウインドウを開きたいと思い質問させていただきます。 現在、 ---------------------------------------------------------------- <script type="text/javascript"> <!-- function w_opn() { newWin = window.open("abc.html","","width=200,height=300"); win.moveTo(0,0); } // --> </script> そして、BODY内に <a href="javascript:w_opn()">開く</a> --------------------------------------------------------------- というふうに作成しています。 この方法だと、リンク元が複数ある場合、HEAD内のJavaScriptも複数記述しないといけないと思うのですが、これをひとつのJavaScriptで制御したいのです。 どなたかご教授願えませんか?参考になるサイトのURLでも構いません。

共感・応援の気持ちを伝えよう!

  • 回答数3
  • 閲覧数153
  • ありがとう数0

みんなの回答

  • 回答No.3
  • NTJ
  • ベストアンサー率44% (46/103)

質問者さんが欲しい解答は、こーいうのではないでしょうか?(笑 <script type="text/javascript"> <!-- function w_opn(aUrl) { newWin = window.open(aUrl,"","width=200,height=300"); win.moveTo(0,0); } // --> </script> <a href="javascript:w_opn('abc.html')">abc 開く</a><br> <a href="javascript:w_opn('def.html')">def 開く</a><br> <a href="javascript:w_opn('ghi.html')">ghi 開く</a><br> 複数あるのは『リンク元』ではなくて、『リンク先』ではないかと。(笑

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • window.openについて。

    初歩的な質問で申し訳ありません。 ★<script> function openWin(filename){ newWin = window.open(winname + ".html", "", "width=300, height=200, location=no, menubar=no, toolbar=no,resizable=yes"); } </script> ★<a href="JavaScript:openWin('pr00001')">PR00001</a> ・・・という二つのパーツ(★)があるのですが ここで分からないことがあります。 『function openWin(filename)』の『filename』にpr00001というhtmlファイルを埋め込む・・というのは理解できるのですが最初のパーツにある『newWin = window.open(winname + ".html"・・・』の中の『winname + ".html"』とは何を指しているのでしょうか・・・・。 大変申し訳ありませんがご指導お願いいたします。

  • window,open

    ★=window.open("▲","☆","■") で★と☆がウィンドウの名前と書いてあったのですが 区別がわかりません これは開いたウィンドウの名前なのでしょうか? それともこのスクリプトがあるウィンドウをさすのでしょうか? あとウィンドウの名前のつけ方も教えていただけたら うれしいです 具体的には newWin=window.open("control,html","newWIn","width =240.height=120"); と書いてありました

  • Javascriptのエラー

    HPのurlが代入されているPerlの変数$urlをJavascriptに引数として渡し、HPを別ウインドウに表示したいのですが、 エラー ')'が抜けているとなりエラーになります <SCRIPT LANGUAGE="JavaScript"> <!-- function abc(def) { new1 = window.open("def", "", "width=400, height=310"); new1.moveTo(0,0); new1.document.close(); } //--> </SCRIPT> <A HREF=\"javascript:abc($url)\">別ウィンドウに表示</A> 何処が間違っているのですか。

  • 回答No.2

a_rya_ryaさん、こんばんは。MAN_MA_RUIと申します。まんまるいって読みます。 ご質問の件ですが、今回のような場合でしたらw_opn()をひとつのページ内の複数個所で使うことが可能です。 つまり、1ページ内の2箇所以上でリンク先にw_openを指定できるということです。 functionを使ったから*回しか使えない、なんてことはありませんのでご安心ください^^ functionというのは必要に応じてJavaScriptの命令を呼び出すときに使用されるものですが、それ自体が回数を制限することはありませんよ。 もしも質問の意味が違ってたらそのときはお許しください。

共感・感謝の気持ちを伝えよう!

  • 回答No.1
  • Yeti21
  • ベストアンサー率47% (396/830)

意味が良くわからないのですが、リンク元で記述するのは当然と思うのですが、 何度も書くのが面倒ということでしょうか? それなら、外部ファイルに記述して、以下のように一文で呼び出せば良いのではないでしょうか? <script language="JavaScript" src="./xxx.js"></script> ※意味的に的外れなら失礼。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • 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.ウィンドウを開く」をクリックすると、最初のウインドウサイズを保持したまま、新しいウインドウが開いてしまうのですが、これをうまく処理する方法はないのでしょうか? どなたかアドバイス頂けると嬉しいです。 よろしくお願い致します。

  • window.openで値の渡し方を教えてください。

    画像をクリックするとwindow.htmlで新しいウインドウが開き、「IMG/AAA.jpeg」という値をwindow.htmlに渡して、画像を表示したいのですが、どのようにすればよいでしょうか。 画像をクリック(photoOpnに値が渡される)→関数photoOpn実行(window.htmlに値が渡される)→window.html表示(値を受け取り画像を表示)といった具合にしたいのですが・・・。 <html> <head> <script type="text/javascript"><!-- photoOpn(value){ window.open("window.html"); } //--></script> </head> <body> <a href="javascript:photoOpn('IMG/AAA.jpeg')"><img src="IMG/AAA.jpeg"></a> </body> ここまではやってみたのですが、window.htmlにどのように値を渡せばいいのでしょうか。

  • window.openで同画面遷移しない

    window.openで別窓でウィンドウを開き、開いたウィンドウは親ウィンドウにあるリンク1、リンク2、リンク3をクリックすると別窓で開いたウィンドウが同画面遷移で変わるようにしたいのですが、IEで各リンクをクリックすると新規ウィンドウが立ち上がってしまいます。Firefoxでは問題ないのですが。 <head>~</head>内に以下のjavascriptを書きました。 <script type="text/javascript"> <!-- function winOPEN(URL,winName) { window.open(URL, 'window1', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes'); } // --> </script> またリンクのhtmlは以下のようにしました。 <ul> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク1</a></li> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク2</a></li> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク3</a></li> </ul> どこがいけないのでしょうか。教えてください。

  • エラー:アクセスが拒否されました

    下記ははPerlの変数$urlに代入しているHPを 別ウィンドウに表示するコードです、別ウインドウに表示されるのですが、 エラー:アクセスが拒否されましたとjavascriptのエラーになりますなぜですか。 <SCRIPT LANGUAGE="JavaScript"> <!-- function abc(def) { new1 = window.open(def, "", "width=400, height=310"); new1.moveTo(0,0); new1.document.close(); } //--> </SCRIPT> <A HREF=\"javascript:abc('$url')\">別ウィンドウに表示</A>

  • JavaScriptのwindow.openでリファラーが取得できない。

    <SCRIPT language="JavaScript"> <!-- function OpenWin(){ window.open("sample.cgi,"new","width=500,height=250"); } // --> <A href="#" onClick="OpenWin()">オープン</a> 上のようにsample.htmlのページ内にwindow.openのJavaScriptを書いています。 sample.cgi内に$ENV{'HTTP_REFERER'}を埋め込んでいるのですがリファラーが取得できません。 window.openの場合はリファラーは取得できないのでしょうか?

    • ベストアンサー
    • CGI
  • window.open()で幅指定の際、ウインドウサイズが大きすぎる

    以下のようなwindows.openに関するプログラムを作成し、実際に 子ウインドウを開いてみると、表示されるウインドウの横幅が、画面いっぱいよりわずかに大きくなってしまいます(画面解像度は1024*768) width=1024と記述しているので、横幅はぴったり画面サイズと同じ だと思っていたのですが、どこが間違えているのでしょうか? 不勉強で恐縮ですが、ご教示いただきたくお願いいたします。 <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function dispw() { win01=window.open("h ttp://www .goo.ne.jp/","MENU","width=1024,height=680,top=0,left=0,status=yes"); } </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" VALUE="子ウインドウを開く" onClick="dispw()"> </FORM> </BODY> </HTML>

  • 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;" と変えました。 これでいけるかと思ったのですが、サムネイルと同じウィンドウに開かれてしまいます。さて、、、自分の力量はこんな程度で、もうわかりません。 どうすれば、アタらしいウィンドウの名前を指定出来るのか、 初歩的なところかもしれませんがご教授よろしくお願い致します。

  • 以前画面100%表示できる方法を教えてもらったものですが、・・・

    以前画面100%表示できる方法を教えてもらったのですが、最近になって困ったことになりました。 それは、あっちこっちで確認をしましたところ、実はMACでは何ともなかったものの、Winのパソコンで変な場所に大体正確にではありませんが、画面端から約100×100の位置に出てしまうパソコンが何台かあるのに気が付きました。 ソースを書きます。 <SCRIPT language="JavaScript"> <!-- function newWin(){ w = screen.availWidth ; h = screen.availHeight ; window.open("op_01q.html","newWin","width="+w+",height="+h) ; window.moveTo(-1,-1) ; } //--> </SCRIPT> で、できるとは思いますが、何か足りないのか分かりません。 どうか宜しくお願いします。

  • ページのエラー

    始めまして 任意大きさのウインドウをたち上げる際 (ブラウザ上で) どうしても、「表示されました。」の横に ビックリマーク「!」が出て 暫くすると、ページエラーと表されます。 任意のウインドウは正常に表示されます。 色々と調べましたが、どうも私のスキルでは 限界です。 <HEAD> <SCRIPT LANGUAGE="JavaScript"> function openWindow1() { window.open("***.htm","window1","WIDTH=300,HEIGHT=310"); } function openWindow2() { window.open("***.htm","window2","WIDTH=300,HEIGHT=310"); } function openWindow3() { window.open("***.htm","window3","WIDTH=300,HEIGHT=310; } </SCRIPT> <HEAD> ・・・・・・・・・・・・・ </BODY> <A HREF="javascript: openWindow1()"><IMG src="con_syousai.gif" width="65" height="20"></A></TD> </BODY> 今の所、一つしかリンクしていません。 いずれ、9個を同じような形で アイコンから、したいと思ってます HPビルダーのソースから記入したのですが 何処が可笑しいのでしょう? また、他の方法(タグ)はあるのでしょうか? どうか、お知恵を下さい 宜しくお願いします。

  • ブラウザーの左下に、「java scriptエラー」とでてしまいます。

    自分のHPにjavascriptをつかっているのですが、ブラウザ(IE5.5)でみると、画面左下に、「java scriptエラー」とでてしまいます。でも、そのjavascriptは実際にちゃんと機能してくれます。「java scriptエラー」と出ないようにしたいのですが、どうすればよいのでしょうか?HPで使っているjavascriptは、以下の通りなんですが、何か間違っていますでしょうか? <html> <head> <title>test<title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT language="javascript"> function newwin1() { sub = window.open("test.html","window1","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=610,height=480"); x = (screen.width - 610) / 2; y = (screen.height - 480) / 2; sub.moveTo(x,y); } </SCRIPT> <!--ここから外部javascriptの指定--> <script src="newwin1.js"></script> <!--ここまで外部javascriptの指定--> </head>