• ベストアンサー

ポップアップウィンドウの位置

こんにちは。 JavaScriptでポップアップウィンドウを表示する際に、位置を指定できると思いますが、その位置を「画面の右上端」に指定することは出来るでしょうか。 ピクセル等の数値指定ですと、ユーザーの環境によって違いが出てしまいますので、何か他の指定方法があれば教えていただきたいと思います。 出来ればIE4以上、NN4.Xともに対応していると良いのですが。(NN6.Xもですね) 一応検索してみましたが、ピクセル指定の物以外を発見できませんでした。説明が面倒でしたらURL等の紹介だけでもお願いしたいと思います。 ちなみにDreamweaver4を使用しています。 JavaScriptに関しては、サンプルコードを見ながら記述しています。(DW4のビヘイビアも時折使用しています)

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

  • ベストアンサー
  • xruz
  • ベストアンサー率50% (72/143)
回答No.3

こんにちはtakahitoさん、xruzです。 こんな感じですね。 <html> <head> <title></title> </head> <script language="JavaScript"> <!-- function wOpen() { var sw=parseInt(screen.availWidth); // スクリーン表示幅の取得 var leftPos=sw-300-10; // ウィンドウ横位置=スクリーン表示幅-ウィンドウ幅-位置調整 var wid=window.open("about:blank","","resizable=yes,top=0px,left="+leftPos+"px,width=300,height=500"); } //--> </script> <body> <a href="javascript:void(0)" onClick="wOpen()">NewWinowOpen</a> </body> </html> がんばってくださいね(~:~i

takahito
質問者

お礼

ありがとうございます。見事思った通りに表示することができました。 普段からJavaScriptに関しては、ほとんどコピーという状態でした。 ソースを教えていただかなければ、解決できませんでしたので、もっと勉強しなければと思いました。 しばらく悩んでいた問題でしたので、とても感謝しております。

その他の回答 (2)

  • xruz
  • ベストアンサー率50% (72/143)
回答No.2

こんにちはさん、xruzです。 クロスブラウザでの参考ページを載せておきます。

参考URL:
http://allabout.co.jp/computer/javascript/closeup/CU20011003/index2.htm
takahito
質問者

補足

お返事がおくれて申し訳ございません。 回答#1の方の補足にも書かせていただきましたが、下記のソースに書き加えるという形でできるのでしょうか? 実はサイトを見に行きましたが、紹介されてるJavaScriptをどのように応用してよいのか私にはわかりませんでした。 勉強不足ですね、ごめんなさい。 じっくり勉強できそうなサイトを紹介して頂いて、ありがとうございました。

  • a-kuma
  • ベストアンサー率50% (1122/2211)
回答No.1

window.screen オブジェクトのプロパティに、画面の幅がありますから、ウィンドウの幅を 引いて位置を決めてあげれば、右上端に出せますね。

参考URL:
http://developer.netscape.com/docs/manuals/communicator/jsref/wina3.htm
takahito
質問者

お礼

解決できました。ありがとうございました。

takahito
質問者

補足

早くに回答を頂いたにもかかわらず、お返事がおくれて申し訳ございません。 現在使用しているソースは下記のようになっています。 <a href="javascript:;" onClick="MM_openBrWindow ('abcd.htm','abcd','resizable=yes,width=300,height=500')"> <img src="abcd.gif" width="100" height="50" border="0"></a> >window.screen オブジェクトのプロパティに、画面の幅がありますから とのことですが、「window.screen オブジェクト」は上記のソースに加えることが出来るのでしょうか? それとも、ちがう方法でウィンドウを呼び出さなければいけないということでしょうか? わたしの言っている事がトンチンカンかも知れませんが、ご指導ください。 ※PCにむかう時間があまりないため、またお返事が遅れるかもしれません。

関連するQ&A

  • Dreamweaverで同様のポップアップメニューを複数ページで利用する場合

    WEBサイトの作成でDreamweaver MXを使用しています。 今回サイトにポップアップメニューを使用することになったのですが、 Dreamweaverのビヘイビアの機能を使って作ることにしました。 問題なく設定することはできました。 ただ、テンプレートページでポップアップメニューの指定することができないようなので、テンプレートを外して指定しているのですが、 複数ページに同時に同じポップアップメニューを指定する場合は どのように指定すれば良いのでしょうか? 今JavaScriptのソースを別のページに一つ一つ貼り付けているのですが、 他に簡単に複数ページに適用する方法があれば教えていただけないでしょうか? どうぞよろしくお願いいたします。

  • ポップアップウィンドウの位置指定

    こんにちは。 Falsh MX2004使用の初心者です。 地図上の県にカーソルを合わせるとその地区の情報が表示されるポップアップウィンドウが出るものを作っています。 初心者なだけに、本からサンプルを得てカスタマイズしているのですが、ウィンドウの位置指定ができなくて困っています。 方法としては、ポップアップするムービークリップにリンケージ設定で識別子を入力しています。 ボタンには下記を記述。 on(rollOver){ _root.popup("saitama"); } メインタイムラインの1フレーム目には以下のアクションを記述しています。 this.stop(); _root.ID = 0; function popup(x) { _root.ID++; var name = eval(x); name.removeMovieClip(); syoki = {_x:5*ID+20, _y:5*ID+20}; _root.attachMovie(x, x, ID, syoki); } サンプルでは3つのウィンドウが出るので完全に重ならないような作りになってるようです。 このまま使うとあまりにも左上の高いところにウィンドウが開いてしまうため、 syoki = {_x:5*ID+20, _y:5*ID+20}; の数値を入れ替えて syoki = {_x:400*ID+20, _y:300*ID+20}; などにすると最初の位置は良いのですが、次にマウスオーバーすると とんでもなく位置に開いて、繰り返すと最後にはフレームアウトしていってしまいます!(涙) どなたか、アドバイスをお願いします。 初心者なので質問の仕方もわかってないかもしれません。 補足もいたしますので、どうぞよろしくお願いします!

    • ベストアンサー
    • Flash
  • DreamWeaver8 ポップアップ→ブラウザウィンドウを開く

    DreamWeaver8にてホームページを作成しています。 ボタンを押す→ポップアップメニューが表示される。 →該当項目を押す。→別ウィンドウが表れる。 ・・・までは出来るのですが、この開かれる別ウィンドウを サイズ指定したいのです。 同じビヘイビアの中に「ブラウザウィンドウを開く」と言う 機能がありますが、それを使うと、ボタンそのものを押した際に 発生するため、思っているようにいきません。 どのようにすればよろしいのでしょうか?

  • 外部JSファイルでポップアップウインドウを開くには?

    ウェブサイト内の複数ページからJavaScriptで「クリックするとサイズを指定したポップアップウィンドウが開く」ようにしています。 (ポップアップウィンドウ内に開くファイルは全て同じです。) しかしこのポップアップウィンドウ、情報量が変わるたびに高さを変更する必要があり、更新がとても煩雑です。 そこで、このJavaScriptを外部ファイルにして、開くウィンドウの高さの変更を、容易にしたいと思っています。 Dreamweaver8を使用していますので、ライブラリを使えば良いのかと思ったのですが、クリックする対象が、ページによってテキストだったり、ボタンだったり、バナーだったりとばらばらなので、無理そうです。 色々なサイトやこのサイトのページも調べてみましたが、どうしてもやり方がわかりません。 どなたか教えていただけませんでしょうか。 現在HTML内に書いてあるJavaScriptは <a href="javascript:;" onclick="MM_openBrWindow('ファイル名.html','','width=750,height=500')">クリックする対象</a> で、height=の数字を頻繁に変える必要があり、大変わずらわしいのです。 どうぞよろしくお願いします。

  • ポップアップ

    IE6 など。(その他でも結構です) 「セキュリティーの黄色い情報パー(ポップアップ)」が表示される場合。。。とは、どういうときなんでしょうか? ■「Flash」。 ■「Active X (コントロールパネル用?)」。 ■「JavaScript」。■「Script」などを使用すると、ポップアップの表示がでるんでしょうか?

  • JavaScriptで指定Windowを最大表示、表示位置 ( 座標指定 )

    (1) JavaScriptで指定のWindow ( 例 : winOpenで開いた新規Window、子Windowから見たTopなど ) を最大表示する方法を教えてください。 (2) JavaScriptで指定のWindowの位置 ( 座標 ) を指定する方法を教えてください。 (Win32APIのSetWindowPosのようなものをイメージしています) ターゲットのブラウザは、(1)、(2)のどちらもIE5.x / 6.x、NN 4.x です。 手持ちの書籍、Google等で探してみたのですが、発見できませんでした。

  • Fireworks4でポップアップを作成しましたがセンター表示のHTML用には無理ですか

    恐れ入ります、知っている方がいらっしゃいましたら宜しくお願い致します。 使用しているソフトが古いので仕方がないのですが、「Fireworks4」を使用してポップアップを書き出し作成いたしましたが、ポップアップの位置(x,y)が、ウィンドウ右上からの絶対位置で書き出されました。これでは移植したいHTML(センター表示のHTMLです)にはポップアップの位置がずれますので、使えません。 「Fireworks4」では、ブラウザのセンターにコンテンツが表示される様なHTMLに対応した書き出しは無理なのでしょうか。 無理であれば「MX」であればそういう書き出しは可能なのでしょうか。 それとも諦めて、Javasciptを修正していった方が良いのでしょうか。もし諦めてJavascriptを修正しなければいけない場合、参考になるサイトなどありましたら、ご紹介いただけませんか。 宜しくお願い致します。

  • Dream Weaver MXにてポップアップメニュー

    会社のサイトで、ポップアップメニューを使うことになったのですが、DW上にて説明どおりにやっても表示されません。 説明によると、 <META http-equiv="Content-Script-Type" content="text/javascript">を入れ、 「javascript:;」としたリンク部分を選択してから、 ビヘイビアの「ポップアップメニューの表示」を 選択する、とのことですが、 その部分が灰色表示で、選択できません。 「ポップアップメッセージ」などは表示できるのですが…。 Dreram weaver MX、Windows XPで作業しています。 どなたか解決方法をご存知の方はお教えください。

  • ポップアップ

    IE6を使用しています。 ローカルにおいて、HTMLに、JavaScriptの記述のあるサイトを閲覧しようとすると 警告用の黄色いポップアップが開きブロックされますよね。 確認なんですが、 これって、「サーバー」上での閲覧では、こういう動作は、しないんですよね?(と思います) なんとなく、HTMLに、JavaScriptの記述のある自分のHPを 相手が、「サーバー」上で閲覧した場合、 もしかして、ポップアップがいちいち開いてるのではないか、疑問・不安に思ったもので、 教えてください。^^ ちなみに、アクティブXの場合も、同じなんでしょうか? (音楽再生用に、コントロールパネルを使用しているので)

  • ビヘイビアでポップアップメニュー&ロールオーバーする方法

    みなさま,おはようございます。 Dreamweaver8(Mac)にてホームページ作成の勉強中です。 (明日で修了ですが,まだまだラストスパート中!) ビヘイビアでポップアップメニューとロールオーバーをやってみましたが作動しません。 ちなみに,フレームに作ったメニューボタンにつけたいのです。 1.ポップアップメニューについて  解説本のとおりの手順でやってみました。  表示位置を変えたりしてみましたが,動かないことに変わりはありませんでした。  [ビヘイビア]パネルには,表示されてます。  先生に見てもらいましたが,手順に間違いは無いようだ・・・との事。 2.ロールオーバーについて  こちらは,ふたつのやり方でやってみましたが, やはり動きません。  ひとつめは,↓  [挿入]→[イメージオブジェクト]→[ロールオーバーイメージ]から  ふたつめは,↓  [ビヘイビア]→[スワップイメージ]から 出来れば,今日17:00位までに原因究明してHPを完成できたら・・・と思っています。 時間がありませんが,よろしくお願いします。

専門家に質問してみよう