- ベストアンサー
このスクリプトの問題
<a href="javascript:void(0)" STYLE="text-decoration:none" onMouseOver="window.status='入り口';return true" onClick="window.open('flash.html','sub','width=650,height=500,scrollbars=no,resize=no')"> これは、ENTERを押したときにサブウィンドウにflash.htmlの内容が展開されるようにしたスクリプトです。ENTERを押したときにサブウィンドウが画面の中央（上下左右共に）くるように直したいのですが、どこをどう編集すればそれは、可能ですか？おしえてください。
- makochin
- お礼率1% (3/192)
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
全てをonClickに記述しなくてもよければ、以下のソースを実行してみてください。 ユーザーの環境によって、モニタ解像度が違うものにも対応してます。 MoveSub(wx,wy,sub) は、 MoveSub(開くウィンドウの横サイズ,縦サイズ,ファイル名) にしてあります。 <HTML> <HEAD> <SCRIPT Language="JavaScript"> <!-- function MoveSub(wx,wy,sub){ if (document.layers){ sx = screen.availWidth; sy = screen.availHeight; } if (document.all){ sx = screen.width; sy = screen.height; } x = (sx - wx) / 2; y = (sy - wy) / 2; subWin = window.open(sub,'sub','width='+wx+',height='+wy,scrollbars='no',resize='no'); subWin.moveTo(x,y); } // --> </SCRIPT> </HEAD> <BODY> <a href="javascript:MoveSub(650,500,'flash.html')" STYLE="text-decoration:none" onMouseOver="window.status='入り口';return true">入り口</a> </BODY> </HTML>
その他の回答 (2)
- A__
- ベストアンサー率47% (22/46)
ディスプレイのサイズが 1024 × 768 なら、 ポッブアップウインドウのサイズが 650 × 500 だから ポッブアップウインドウの左上の位置は、 1024/2+650/2, 768/2+500/2 つまり、 1024/2+325, 768/2+250 にすればいい。 <a href="javascript:void(0)" STYLE="text-decoration:none" onMouseOver="window.status='入り口';return true" onClick="xxx=window.open('flash.html','sub','width=650,height=500,scrollbars=no,resize=no');xxx.moveTo(screen.availWidth/2-325,screen.availHeight/2-250)">イリグチ</a> 大きなウインドウが動くのが嫌なら <a href="javascript:void(0)" STYLE="text-decoration:none" onMouseOver="window.status='入り口';return true" onClick="xxx=window.open('flash.html','sub','width=100,height=100,scrollbars=no,resize=no');xxx.moveTo(screen.availWidth/2-325,screen.availHeight/2-250);xxx.resizeTo(650,500)">イリグチ</a> とか。
- zzzzzz
- ベストアンサー率61% (70/113)
screenオブジェクト(window.screen)のwidthメンバ、heightメンバを使用すれば可能です。 このメンバが画面全体の大きさを保持しますので、 window.openの際に位置を計算すればよいわけです。
関連するQ&A
- a Onclickでブラウザによってポップアップしない
以下のa onClickで別ウィンドウを開くようにしたいのですが、 ウィンドウが２つ開いてしまいます。どうしてでしょうか？ <a onClick="window.open('http://www.xxxxx.com/index.html','_blank','toolbar=no,status=no,location=no,directories=no,menubar=no,scrollbars=yes,resizable=yes,width=760,height=430')" target="_blank" style="text-decoration : none;" href="http://www.xxxxx.com/index.html">
- 締切済み
- JavaScript
- 外部JSでサブウィンドウを設定する場合
サブウィンドウの設定についてご質問いたします。 親ウィンドウの中の画像をクリックしてサブウィンドウを開くと言う設定をしたいのです。 親ウィンドウにある画像は２つでそれぞれ開くサブウィンドウの大きさは異なります。 まずsample.jsを作り function subopen1(){ window.open("××.html","subwin1", "width=450,height=450,toolbar=no,scrollbars=no,left=15,top=5") } function subopen2(){ window.open("××.html","subwin2", "width=500,height=450,toolbar=no,scrollbars=no,left=15,top=5"); } と記述しました。 そして<HEAD>～</HEAD>に <script type="text/javascript" src="sample.js"></script> 続いて<BODY>～</BODY>には <A href="javascript:subopen1()"><IMG src="××1.gif" width="100" height="120" alt="Click"></A> <A href="javascript:subopen2()"><IMG src="××2.gif" width="100" height="120" alt="Click"></A> と記述したのですが 「オブジェクトを指定して下さい」とエラー表示され実行出来ません。 上記に修正箇所があったら教えて下さい。 又別な方法でも構いませんのでサブウィンドウの設定が出来れば教えて頂きたいと思います。 どうか宜しくお願い致します。ペコ↓m(_ _;)m↓ペコ
- ベストアンサー
- 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
- サブウィンドウがリロードされたとき、手前に表示したい
<a href= "a1.htm"onClick="window.open 'a1.htm','new','width=600,height=500,scrollbars=1,resizable=1'); return false;"> でサブウィンドウを開いています。 開いた状態で、また親ウィンドウから、別の（a2.htm)ファイルを開きます。同じサブウィンドウで表示されるのですが、親ウィンドウが手前でサブウィンドウが変わったのがわかりません。 サブウィンドウのファイルが変わったときに、 親ウィンドウの手前に表示させることは可能でしょうか？
- ベストアンサー
- JavaScript
- Mozillaでステイタスバーへの表示
ＩＥ６では、次のhtml文（簡略）が思ったとおりに実行されますが、Mozillaでは、実行されません。特に、ステイタスバーへの表示（ここが１番とか、ここが２番）がされません。Mozillaで表示させるには、どうすれば良いのでしょうか？ お教えください。 <head> <script language="JavaScript"> function koko1() {window.open("http://koko1.co.jp","","WIDTH=950,HEIGHT=650,status,scrollbars");} function koko2() {window.open("http://koko2.co.jp","","WIDTH=950,HEIGHT=650,status,scrollbars");} function hint(n){status = n;} </script> </head> <body> 選んでください。 <input type="button" VALUE="K1" onClick="koko1()" onmouseover="hint('ここが１番')";> <input type="button" VALUE="K2" onClick="koko2()" onmouseover="hint('ここが２番')";> <body> ブラウザで実行⇒ボタンK1にマウスを当てると、ステイタスバーにここが１番と表示し、押すとhttp://koko1.co.jpが新規に開きます。 ボタンK2も同じ様。です。
- ベストアンサー
- ブラウザ
- リンクを新しいウィンドウで・・・
ホームページをみようみまねで作ってるのですが、詰まりました。たすけてください！ リンク先を新しいウィンドウで開くボタンを並べておいているのですが、複数連続でクリックしたときに、前に開いたウィンドウに上書きされるような設定にしたいのです。（ウィンドウを増やしたくないということです） ソースは <a href="body.html" onclick="window.open('white.html','','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a> こんなようなのがいくつも並んでいると考えてください。 このままだと当然ボタンを押した数だけブラウザが立ち上がってしまいますが、新しいウィンドウは1つにしたいのです。 説明がわかりづらくて申し訳ありませんが、どうぞ宜しくお願いします。
- ベストアンサー
- HTML
- 別窓についての質問です。
別窓の開くJavaScriptは分かるのですが、 別窓を多く開く方法が分かりません (1)大きめの窓で開きたい (2)小さめの窓で開きたい (↑サイズ指定をして) という場合、別窓を共有(？)する形になってしまい、 (1)を開いたまま、(2)を開こうとすると、 (1)の大きさの窓なので、 (2)のページを開くと余白ができてしまいます。 <HEAD>～</HEAD>内に <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("★★★","window2","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=500,left=10,top=10"); } --> </SCRIPT> <BODY>～</BODY>内に <A href="javascript:subWin1();" style="text-decoration:none" style="color:black"> <FONT onmouseover='this.color="#FF0000";' onmouseout='this.color=""'> <b>掲示板</b> </FONT> </A> (1)・(2)共、この書き方をしているのですが… ご意見お待ちしています。
- ベストアンサー
- JavaScript
- リンクを新しいウィンドウで・・・2
QNo.208725で質問した者です。 http://www.okweb.ne.jp/kotaeru.php3?q=208725 ↑読んでいただけるとありがたいです。 おかげさまでウィンドウがいくつも開くという問題は解決できたのですが、今度はクリックしても新しく開いたウィンドウがアクティブになってくれません（2回目のクリック以降）。 ブラウザの中身は確かに書き換わっているので、あとは見えてくれさえすれば・・・というところで困っています。 ソースは <a href="body.html" onclick="window.open('white.html','myWnd','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a> これのwhite.htmlとwhite.jpgの部分が違うものが並んでいる感じです。 宜しくお願いします。
- ベストアンサー
- HTML
- 画面の高さを一杯にして新しい窓を開くスクリプトが機能しない
以下は、detail.htmlを新しいウィンドウで開く際、 ・左上隅に ・幅800pxで ・ユーザーの画面の高さを取得して、縦一杯に（=getScreenHEIGHT←前に当BBSで教わりました） という条件になっています。 これが、ローカルでは思惑通り動きますが、 FTPでサーバーにアップすると、「縦一杯」という指定が効きません。 たぶん、「width=800,height=+(getScreenHEIGHT()+20)),top=0,」のあたりの プラス（+）とかクォーテーション（'）の打ち方などに誤りがあるのではないかと 思いますが、正しい書き方を教えてください。 <html> <head> <script type="text/javascript"> function getScreenHEIGHT(){ if(!!window.screen){ return screen.height-80; }else{ return null; } } </script> </head> <body> <a href="javascript:void(0);" onclick="window.open('./detail.html','_blank','location=no,menubar=no,scrollbars=yes,resizable=yes,status=no,width=800,height=+(getScreenHEIGHT()+20)),top=0,left=0')">リンク</a> </body> </html>
- ベストアンサー
- JavaScript
- ポップアップウィンドウのサイズを自動調整するには？
ポップアップウィンドウを開く時に、ウィンドウのサイズを「ヨコ幅固定、タテ幅自動調整」のような形にできないものか……と思っています。HTMLの知識は素人に毛が生えた程度なのですが、色々検索して現在は以下のようになっています。 <a href="#" onClick="window.open('sample.html','window1', 'width=380,height=,menubar=no,toolbar=no, location=no,directories=no, status=no,scrollbars=no,resizable=no')"> heightのところを指定していないのですが、ある一定の（最大の？）高さに固定されてしまいます。コンテンツは高さがそんなにないので、下の方にかなり余白がある感じです。コンテンツに応じて、高さを自動調整することはできますでしょうか？ どうぞ宜しくお願いいたします。
- ベストアンサー
- HTML
