- ベストアンサー
ポップアップページを出すとページが上にスクロールします。
こんにちわ、よろしくお願いいたします。 function opensub2(URL){ window.open(URL,"sub","width=505,height=460,scrollbars=no"); } このように記述して、ボタンクリックでポップアップするようにしたのですが、ポップアップページが出ると、元ページが勝手に上にスクロールしています。 説明がわかりづらいかもしれませんが、このような状況を回避する事はできますでしょうか？ よろしくお願いいたします。
- muku101681
- お礼率37% (75/202)
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
元ページのボタンタイプがsubmitに設定されているのでは？ そうであれば対応策は２つあります。 (1)．ボタンタイプをbuttonに変更する。 <input type="submit" ... → <input type="button" ... (2)．formタグの属性追加。 <form> → <form onSubmit="return false;">
その他の回答 (2)
関連するQ&A
- 読みこみと同時にポップアップウインドウを表示したい
URL（たとえば1.tml）を指定してページを読み込んだときにそのページと同時にポップアップウインドウを表示したいと思っています。 そこで1.htmlには下記のように書きましたが、ポップアップが出ません。どなたかおわかりになる方、ご教授ください。よろしくお願いします。 <HTML> <HEAD> <script type="text/javascript"> <!-- function MM_openBrWindow() { window.open("pop.html","width=400,height=400,status=no,scrollbars=yes,resizable=no "); } //--> </script> </HEAD> <boby onload="MM_openBrWindow()"> </body> </HTML>
- 締切済み
- JavaScript
- ポップアップウィンドウがサイズが固定されているのは何故ですか？
お世話になります。ポップアップのサイズ変更について質問させてください。ページ内にあくつも画像があり、クリックするとテーブルの各画像の詳細ページがポップアップページとして出てくるという動作を作ったのですが、このポップアップを最初は800px500pxで表すようにしたいのですが、閲覧者によってリサイズというかサイズを自由に変えることができるようにしたいのです。それで、下記のようにscrollbars=yes,resizable=yes,という記述をしたのですが、MacではsafariもIEも正常にリサイズできるのですが唯一Firefoxが正常に動かず、WinのIEではガッチリ固定されていてまったくスクロールができません。ブラウザによっては多少の違いはあると思うのですが、これはどうしてでしょうか？また、解決策はあるのでしょうか？ どうかご教授ください。 function OPEN(lk){WIN=window.open(lk,'thank1','width=800,height=500')} 省略 <td valign="top" class="biyou">●A-1<a href="javascript:;" onClick="OPEN('001.html','scrollbars=yes,resizable=yes,width=600px,height=500px')"><img src="images/001.jpg" alt="適当な文章" width="203" height="140"></a></td>
- ベストアンサー
- HTML
- JavaScriptでポップアップを中央に。
最近JavaScriptを始めた者です。 ポップアップをアドレスバーとステータスバーを非表示にした状態で中央に表示させたいのですが、以下のコードでは、リンクをクリックしても反応がありません。 function openWinCenter(url,id,w,h,scrollFlag) { x = (screen.width - w) / 2; y = (screen.height - h) / 2; if(scrollFlag){ if(navigator.appName== "Microsoft Internet Explorer"){ w=w+16; } window.open(url,id,"screenX="+x+",screenY="+y+",left="+x+",top="+y+",width"+w+",height="+h+",scrollbars=yes,location=no,status=no"); }else{ window.open(url,id,"screenX="+x+",screenY="+y+",left="+x+",top="+y+",width="+w+",height="+h+",scrollbars=no,location=no,status=no"); } } どこを修正したらいいのか教えてください、よろしくお願いします。
- 締切済み
- JavaScript
- ポップアップ画面についてお尋ねします。
ポップアップ画面についてお尋ねします。 javaスクリプトで function openWinT001(){window.open("Terms.htm#アート","","width=700,height=200,scrollbars=yes,resizable=1");} と書き、他のページに下記のようなラベルを作り、 <A name="アート"></A> <A href="javascript:openWinT001()">アート</A> で他のページのアートにポップアップの小窓で飛べるようにしました。 IEですとうまくいくのですが、safariやoperaではピンポイントで その部分に飛ぶことができません。 （そのページの最初の部分が指定した大きさでポップアップします。） どうしたらいいのでしょうか。 よろしくお願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- Javascriptで開いたWindowのスクロール
<SCRIPT language="JavaScript"><!-- function openWin2() { window.open("http://www.OOOO/hanbai.htm","通信販売法","width=636,height=250,menubar=no,location=no,left=10,top=30") } // --></SCRIPT> <SCRIPT language="JavaScript"><!-- function openWin1() { window.open("http://www.OOOO/souryou.htm","送料について","width=579,height=240,scrollbars=no,location=no,menubar=no,left=10,top=30") } // --></SCRIPT> 上記の文で、「送料について」はスクロールバーがなくて ＯＫなのですが、 「通信販売法」は、スクロールバーを出したいのですが、 上の文では、スクロールバーは出てきません。 （表示サイズで途切れてしまう） どう直せば、スクロールバーが出てきますでしょうか？？
- ベストアンサー
- JavaScript
- ポップアップウィンドウを画面中央に配置+複数リンクを同じウインドウに表示させたい
過去にあった複数のイベント等の写真をスライドショーで紹介するページを作成中です。 ひとつのページ上に複数リンクがあって、それぞれクリックするとポップアプウィンドウが画面中央で開くようにすることはできました。（下記参照） <script type="text/javascript"> <!-- function win(url,windowname,width,height) { var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no"; if (width) { if (window.screen.width > width) features+=", left="+(window.screen.width-width)/2; else width=window.screen.width; features+=", width="+width; } if (height) { if (window.screen.height > height) features+=", top="+(window.screen.height-height)/2; else height=window.screen.height; features+=", height="+height; } window.open(url,windowname,features); } // --></script> body内 <a href="link_page.htm"onclick="win(this.href,null,600,430); return false;"><img src="image.gif" width="123" height="18" /></a></td> ただ複数あるリンクをクリックすると、ポップアップウィンドウも次々増えてしまうのを、常にひとつのウインドウ上に表示させることができません。 どうぞご指南よろしくお願いします！
- ベストアンサー
- JavaScript
- ポップアップウインドウが立ち上がる時にスクロールしないでほしい方法
JavaScriptを使用して画像をクリックしポップアップウインドウを立ち上げると、スクロールして下の方に下がっていた親ウインドウは、なぜかまたページのトップへズズズいと勝手にあがっています。 Ｍａｃでは確認されませんが、ウインドウズだと、その現象がおこるようです。 コードは以下のようになっています。 <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> なお、当方の環境はＭａｃOS9.1でエクスプローラー5、作成アプリはDreamweaver4です。 親ウインドウが下の方にスクロールしている状態のままポップアップウインドウを開く方法は何かないでしょうか？ よろしく御教授くださいますよう、お願いします。
- ベストアンサー
- JavaScript
- ブラウザサイズをフルサイズで表示させる方法
ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 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')">
- ベストアンサー
- JavaScript
- Chromでポップアップウィンドウのサイズ指定
現在以下のような指定でポップアップウィンドウを開いているのですが Chromの場合、サイズ指定が無視されてしまいます。 良い方法ございましたら、ご教授いただけますでしょうか。 var subopen function subWinmap(){ subopen=window.open("map.html","map","resizable=yes,scrollbars=yes,menubar=yes,toolbar=no,directories=no,status=no,location=yes,width=700,height=800px"); if (!subopen.opener) subopen.opener=self; if (window.focus) subopen.focus(); }
- 締切済み
- JavaScript
- javascriptでのポップアップ表示を一つにまとめるには？
お世話になります。 現在javascriptを使用して、画像表示にポップアップを表示させる設定をしております。 （ポップアップ表示はクライアントの意向） そこで以下のソースで設定したのですが、一つポップアップを開き、 次に他のポップアップを開いた場合、ポップアップの数が増えてしまうものを 一つにまとめてもらえないかとの依頼がありました。 ----- <a href="javascript:w=window.open('hogehoge.html','','scrollbars=no,width=650,height=525');w.focus();"><img src="images/hogehoge.jpg" width="119" height="87" alt="ほげほげ"></a> ----- ブラウザ表示は、クライアント使用のsafari中心ですが IEやFirefoxでも確認をしております。 ただ、safariで動作が確認出来れば現状は結構です。 ご存知の方がおられましたら、是非ご教示くださいませ。 宜しくお願い致します。
- ベストアンサー
- JavaScript
