サブウィンドウの親の位置

このQ&Aのポイント
  • メインウィンドウからサブウィンドウを開く際、メインウィンドウの画面が移動してしまう問題について解決方法を教えてください。
  • サブウィンドウを開く際にクリックした場所を維持する方法を知りたいです。
  • 何を調べれば良いか分からないので、サブウィンドウの親の位置を維持する方法について教えてください。
回答を見る
  • ベストアンサー

サブウィンドウの親の位置

こんにちわ。 メインウィンドウから、サブウィンドウを開くようになっています。 メインウィンドウが縦に長く(文章量が多い)、下の方のリンクでサブウィンドウを開いたときに、メインウィンドウの画面がページの上の方に移ってしまいます。 クリックした場所を維持したいのですが、調べてみたのですが、やり方がわかりません。 すみませんが、よろしくお願いします。 <script> <!-- function MM_openBrWindow(theURL,winName,features) { window.open(theURL,winName,features); } //--> </script> ▼メイン・リンク部分 <a href="#" onClick="MM_openBrWindow('info.html#1','info','width=380,height=500,scrollbars=yes,resizable=yes')">※1</a>

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

  • ベストアンサー
  • osumitan
  • ベストアンサー率33% (102/307)
回答No.1

<a>タグで、href="#"としているので、先頭に飛ぶのだと思います。 このようにされてみてはどうでしょうか? <a href="javascript:MM_openBrWindow('info.html#1','info','width=380,height=500,scrollbars=yes,resizable=yes')">※1</a>

mary2004
質問者

お礼

早々とご回答いただきありがとうございました! まさにそれでした。 早速修正してみたところ、できました。 osumitanさんありがとうございました☆ ひとつ勉強になりました。

関連するQ&A

  • JavaScript:メインページからサブウィンドウページを遷移させる際

    メインページにボタン画像3つを配置して、それぞれからサブウィンドウを任意のサイズで開こうとしています。サブウィンドウの中身はそれぞれ別のものですが、サイズは同じなのでサブウィンドウ内でwinNameを同一にして、遷移させようとしています。ただ、遷移自体はうまくいくのですが、最初のクリックでサブウィンドウはメインウィンドウより前にでますが、そのまま2つ目のボタンで遷移させようとするとサブウィンドウはメインウィンドウの後ろにいってしまいます。どうしたら、サブウィンドウを絶えずアクティブにできるのでしょうか。 メインぺージのJSにwindow.focus();をいれたり、サブウィンドウのbodyにonBlur="focus()"をいれたり、サブウィンドウのJSにwindow.focus();をいれてもうまくいきませんでした。 どうぞよろしくお願いいたします。 メインページのJS <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> ボタン画像のJS Aボタン:<A href="javascript:void(0); " onClick="MM_openBrWindow('a.html','LA','width=320,height=255')"><IMG SRC="images/t_large.jpg" ALT="Large" WIDTH="120" HEIGHT="28" VSPACE="5" border="0"></A> Bボタン:<A HREF="javascript:void(0); " onClick="MM_openBrWindow('b.html','LA','width=320,height=255')"><IMG SRC="images/t_large.jpg" ALT="Large" WIDTH="120" HEIGHT="28" VSPACE="5" BORDER="0"></A>

  • JavaScript:サイズ固定のサブウィンドウ内でページを切り替え表示するソース

    <head>内スクリプトで、リンククリック時に開くサブウィンドウの名前・サイズ・スクロール/リサイズ可否を指定して、<body>内のリンクではURLだけを指定すればいいようにしたいのですが、どのようなソースを書けば良いのでしょうか? いろいろなサイトやここのQ&Aを見てみましたが、<head>内スクリプトで名前・サイズ・URLなど全て指定するものと、いずれも変数(?)だけで具体的に指定しないものしか見つけられませんでした。 今作成しているページでは、 【1】<head>内のスクリプト function imgOpen(theURL,winName,features) { //v2.0 window.open(theURL,winName,features);} 【2】<body>内のリンク <a href="JavaScript:void(0);" onClick="imgOpen('AAAA.html','code','width=450,height=400,scrollbars=yes')"> としてあります。 同じサブウィンドウで開きたいリンクがいくつもあるので、上記【2】の長ったらしいソースを毎々書いている状態です。せめて「'code','width=450,height=400,scrollbars=yes'」を略せたらと思っています。 宜しくご教示のほどお願い致しますm(__)m

  • 指がでてきません

    初めてJavaScriptを使って、画像・テキストをクリックしたら別ウィンドが開くようにしました。 大きさを整えたりスクロールを出したり、苦戦しやっとできたのですが、 OnMouseの時にポイントが「指」に変化しません。 「矢印」のままなので、HPを見た人はそこから別の所へリンクしていることが分からないのです。 比較するものがないのでどこをどう調べたらよいか見当がつかないのですが、どなたかヒントをいただけませんか? (参考までに載せてみます) <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> ---本文中--- <img src="img/××.jpg" width="100" height="100" border="0" onMouseDown="MM_openBrWindow('××.htm','××','scrollbars=auto,resizable=auto,width=350,height=420')">

  • 新しいウィンドウを中央に

    以下のソースで出来た新しいウィンドウを 画面の中央にもってきたい場合にはどのよう にカスタマイズすれば良いのでしょうか? どなたか申し訳御座いませんが、 教えて頂けないでしょうか? 宜しくお願い致します。 <html> <head> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> </head> <body> <a href="javascript:;" onClick="MM_openBrWindow('test2.html','test','width=300,height=300')">test</a> </body> </html>

  • 小窓を開くにはどうしたらいいのでしょうか?

    Dreamweaverでサイトを作成中なのですが、 親サイトでこのように <form name="form1"method="post"action="http://www.xxx.com/cgi-bin/○○○.cgi"> <input type="submit" name="submit" value="▲▲▲"onClick="MM_openBrWindow('http://http://www.xxx.com/cgi-bin/○○○.cgi,'','scrollbars=no,resizable=yes,width=500,height=600')"> </form> 設定し、小窓でcgiの結果を出したいのですが、 小窓が開かず、そのまま画面が変わってしまいます。 ちなみにheadにも <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script>としています。 今日午前からずっと色々試行錯誤しながら、 チャレンジしてみましたが、どうしても 原因が分かりません。 どなたか教えて下さい。

  • 関数名について

    function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } 上記のように「MM_*****」のような関数名のスクリプトをたまに見かけますが、 これはどこかで公開されているものなのですか? 公開されているのならURLを教えてください。

  • 子ウィンドウから親ウィンドウのテキストフィールドにデータを表示する

    子ウィンドウのリンクをクリックするとそのリンクの内容が親ウィンドウのテキストフィールドの中に表示されるというのを作りたいのですが、 親ウィンドウ <html> <head> <title>サブウィンドウから親ウィンドウのテキストフィールドにデータを表示する</title> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> </head> <body> <a href="javascript:;" onClick="MM_openBrWindow('subwindow.html','','width=160,height=160')">open</a> <form name="myFORM"> <input type="text" name="tBox"> </form> <form name="myFORM2"> <input type="text" name="tBox2"> </form> </body> </html> 子ウィンドウ <html> <head> <title>サブウィンドウから親ウィンドウのテキストフィールドにデータを表示する</title> <script Language="JavaScript"> <!-- function setData() { window.opener.document.myFORM.tBox.value="灯油ストーブ"; } function setData2() { window.opener.document.myFORM2.tBox2.value="シャワー"; } // --> </script> </head> <body> <a href="#" onClick="setData()">灯油ストーブ</a> <a href="#" onClick="setData2()">シャワー</a> </body> </html> これではリンク数とテキストフィールド数が同じじゃないといけないですよね。 作りたいのはテキストフィールドは15個あって、リンクの方は70個ぐらいあります。リンクをクリックするとテキストフィールドの中へ順々に表示させたいのですが、どうしたらよいのでしょうか? どうかアドバイスをお願いいたします。

  • サブウィンドウを表示させたいのですが・・・

    こんにちわ。 ちょっとした(といっても、ワード文書1ページ分)説明をサブウィンドウで表示させたいのですが、 できません。 以下がソースです。 <メインウィンドウ> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function winOpen(winName,url,W,H){ //サブウインドウオープン var WinD11=window.open(url,winName,'scrollbars=1,width='+W+',height='+H+''); WinD11.document.close() } //--> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:function voi(){};voi()" onClick="winOpen('','link1.html',400,200)"> この文字をクリックすると説明ウインドウ1が開きます </A> </BODY> 何が間違ってるのかご指導いただけないでしょうか? よろしくお願いいたします。m(__)m

  • JavaScriptを使用したページなのですが

    JavaScriptを使って窓サイズ指定のwindowを開くページなのですが、 私のPCでは問題なく開けるのですが他の人のPCでは見れないという指摘を頂きました。 私が見ている環境はIE6・WindowsXP・セキュリティレベル中です。製作ソフトはDreamWeaverを使っています。 他の人の環境がいまいちよく分からないのですがJavaを使ったらどういった環境の人が見れなくなるのでしょうか? ちなみにそのページで使用したタグは <script language="JavaScript" type="text/JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> が<head></head>に入っており<body></body> には <a href="javascript:;" onClick="MM_openBrWindow(profile.htm','prowin','scrollbars=yes,width=600px,height=600px')">です。 よろしくお願いします。

  • ポップアップウインドウが立ち上がる時にスクロールしないでほしい方法

    JavaScriptを使用して画像をクリックしポップアップウインドウを立ち上げると、スクロールして下の方に下がっていた親ウインドウは、なぜかまたページのトップへズズズいと勝手にあがっています。 Macでは確認されませんが、ウインドウズだと、その現象がおこるようです。 コードは以下のようになっています。 <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> で、クリックする画像についているコードは以下。 <a href="#" onClick="MM_openBrWindow('toiawase_a/a_01.html','answer','scrollbars=yes,width=550,height=200')"><img src="img/toiawase/A.gif" width="20" height="20" alt="こたえ" border="0"></a> なお、当方の環境はMacOS9.1でエクスプローラー5、作成アプリはDreamweaver4です。 親ウインドウが下の方にスクロールしている状態のままポップアップウインドウを開く方法は何かないでしょうか? よろしく御教授くださいますよう、お願いします。

専門家に質問してみよう