こんにちは。

JavaScriptでポップアップウィンドウを表示する際に、位置を指定できると思いますが、その位置を「画面の右上端」に指定することは出来るでしょうか。

ピクセル等の数値指定ですと、ユーザーの環境によって違いが出てしまいますので、何か他の指定方法があれば教えていただきたいと思います。

出来ればIE4以上、NN4.Xともに対応していると良いのですが。(NN6.Xもですね)

一応検索してみましたが、ピクセル指定の物以外を発見できませんでした。説明が面倒でしたらURL等の紹介だけでもお願いしたいと思います。

ちなみにDreamweaver4を使用しています。
JavaScriptに関しては、サンプルコードを見ながら記述しています。(DW4のビヘイビアも時折使用しています)

このQ&Aに関連する最新のQ&A

A 回答 (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
    • good
    • 0
この回答へのお礼

ありがとうございます。見事思った通りに表示することができました。

普段からJavaScriptに関しては、ほとんどコピーという状態でした。
ソースを教えていただかなければ、解決できませんでしたので、もっと勉強しなければと思いました。

しばらく悩んでいた問題でしたので、とても感謝しております。

お礼日時:2002/01/15 20:26

こんにちはさん、xruzです。



クロスブラウザでの参考ページを載せておきます。

参考URL:http://allabout.co.jp/computer/javascript/closeu …

この回答への補足

お返事がおくれて申し訳ございません。

回答#1の方の補足にも書かせていただきましたが、下記のソースに書き加えるという形でできるのでしょうか?

実はサイトを見に行きましたが、紹介されてるJavaScriptをどのように応用してよいのか私にはわかりませんでした。
勉強不足ですね、ごめんなさい。

じっくり勉強できそうなサイトを紹介して頂いて、ありがとうございました。

補足日時:2002/01/13 04:40
    • good
    • 0

window.screen オブジェクトのプロパティに、画面の幅がありますから、ウィンドウの幅を


引いて位置を決めてあげれば、右上端に出せますね。

参考URL:http://developer.netscape.com/docs/manuals/commu …

この回答への補足

早くに回答を頂いたにもかかわらず、お返事がおくれて申し訳ございません。

現在使用しているソースは下記のようになっています。

<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にむかう時間があまりないため、またお返事が遅れるかもしれません。

補足日時:2002/01/13 04:22
    • good
    • 0
この回答へのお礼

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

お礼日時:2002/01/15 20:29

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qモンストの位置情報について

iPhone5Sです。
モンストを友達とやろうと思って、検索しているのですが、全くヒットしません。
Googleマップで現在位置を確認してみたら、異常はありませんでした。
エラーなどとは表示されず、再検索を押しても誰もいないです。
設定のプライバシーのところもきちんとONになっています。
なにが原因なのでしょうか?
電波はLTEで、位置情報のマークも右上についていました。

Aベストアンサー

え~と、状況がさっぱりわからないので
Iphone同士とAndroidと協力のどっちもの場合で回答します。


まず上記の通り、マルチプレイには二種類あります。
Iphone同士なら位置情報は関係ないです。
Iphone同士でプレイするとブルートゥースで通信しているので、要は赤外線通信みたいな感じで通信しています。
なので、通信できない場合は、機内モードを解除して、ブルートゥースをONにすれば解決するはずです


Androidと協力は、AndroidとIphoneのどちらでもできます。

片方がIphoneで片方がAndroidだからといって、Iphoneが上の方
Androidが下の方のマルチプレイを選べばいいわけではないです。

AndroidとIphoneでするなら両方とも下の方のマルチプレイを選べばおkです。

Iphone同士なら上の方でいいです。

あと遠距離でのマルチプレイは無理です。

これで解決しなければちょっとわかんないです。

相手のほうに問題があるのでは?

QJavaScriptで開く別WINDの位置を常に前に位置を指定して開きたい

JavaScriptで開く別WINDの位置を常に前に位置を指定して開きたいのですが、どんなスクリプトを何処に記述すればいいかわかりません。

ソフトは DERAMWERVER を使用して今ビヘイビアで
サイズの指定をしてWINDを開くようにしました。

同じページからそのWINDにLINKが何箇所かあるのですが、最初はそのページが手前に来ますが、後は後ろのままです。

Aベストアンサー

ウィンドウを開くスクリプトに、開いたウィンドウにフォーカスを与える処理を加えればよいと思います。

head内に

<script type="text/javascript"><!--
function winOpen(url){
win1=window.open(url,"window1","width=***, height=***, resizable=1, scrollbars=1");
win1.focus();
}
//--></script>

body内のリンクは

<a href="#" onClick="winOpen('別ウィンドウで開くファイルのURL')">リンク1</a>

上記のようにすれば、リンクをクリックして関数が呼び出されるたびに、内部的にwindow1という名前を付けたウィンドウに引数で指定したURLのファイルを呼び出し(このときwin1というIDを与えています)、次にそのウィンドウにフォーカスが当たるようになると思います。 別のURLを引数に渡した場合、ウィンドウが再利用された上で、そのウィンドウがフォーカスで前面に出てくると思います。

参考になれば…

ウィンドウを開くスクリプトに、開いたウィンドウにフォーカスを与える処理を加えればよいと思います。

head内に

<script type="text/javascript"><!--
function winOpen(url){
win1=window.open(url,"window1","width=***, height=***, resizable=1, scrollbars=1");
win1.focus();
}
//--></script>

body内のリンクは

<a href="#" onClick="winOpen('別ウィンドウで開くファイルのURL')">リンク1</a>

上記のようにすれば、リンクをクリックして関数が呼び出されるたびに、内部的にwindow1...続きを読む

QWi-Fiルーターを新しくしたのですが、位置情報の取得ができなくなってしまいました。私たち夫婦の

Wi-Fiルーターを新しくしたのですが、位置情報の取得ができなくなってしまいました。

私たち夫婦の古くなったスマホをWi-Fi環境で二人の子供に使わせていたのですか、Wi-Fiルーターを新しくしたと同時に位置情報の取得ができなくなりました。
インターネットは問題なく使えていますし、私たち夫婦のスマホも位置情報も含めて問題なく使えています。スマホの中の位置情報を見てもオンになっています。モンストのマルチプレイができなくなってしまい困っています。
もしかして機種が古いせいでしょうか?
どなたか教えてください。

Aベストアンサー

おはようございます。

wifiルータの交換が関係しているならA-GPS(位置情報ではある
がGPSではなく、ネット経由で位置を算出する為のデータ)の接
続失敗しているような気がしますが、古いスマホのA-GSPの再ダ
ウンロード(更新)なんかやってみてはいかがでしょうか。

古いスマホが何者なのか書いていませんが、アンドロイドなら
GPS Status & Toolboxというアプリで出来るでしょう。
https://play.google.comiph/store/apps/details?id=com.eclipsim.gpsstatus2&hl=ja

iphoneだとアプリの知識がないので紹介出来ませんが、位置情報
をオンにしてマップアプリを起動し、現在位置を確認すれば更新
されるんじゃないかと思ってみたり。


機種に関係なく、モンスト側が出しているエラーなのか、wifiルー
タとスマホが関係しているエラーなのか線引する為に、古いスマホ
でマップアプリで現在地が確認できるか見てみましょう(GPS搭載
機だとネット接続していなくても現在地は取得できる可能性はあり
ますが、十秒~1分くらい、少なからず時間がかかります)。

おはようございます。

wifiルータの交換が関係しているならA-GPS(位置情報ではある
がGPSではなく、ネット経由で位置を算出する為のデータ)の接
続失敗しているような気がしますが、古いスマホのA-GSPの再ダ
ウンロード(更新)なんかやってみてはいかがでしょうか。

古いスマホが何者なのか書いていませんが、アンドロイドなら
GPS Status & Toolboxというアプリで出来るでしょう。
https://play.google.comiph/store/apps/details?id=com.eclipsim.gpsstatus2&hl=ja

iphoneだとアプリの知識がないので紹介...続きを読む

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

(1)
JavaScriptで指定のWindow ( 例 : winOpenで開いた新規Window、子Windowから見たTopなど ) を最大表示する方法を教えてください。

(2)
JavaScriptで指定のWindowの位置 ( 座標 ) を指定する方法を教えてください。
(Win32APIのSetWindowPosのようなものをイメージしています)

ターゲットのブラウザは、(1)、(2)のどちらもIE5.x / 6.x、NN 4.x です。


手持ちの書籍、Google等で探してみたのですが、発見できませんでした。

Aベストアンサー

(1)について
親ウィンドウ側のスクリプトは、

function openwin(){
SW=window.open("***","sub");
SW.window.resizeTo(screen.availWidth, screen.availHeight);
SW.window.moveTo(0,0);
}

これで子ウィンドウを最大表示で開けると思います。 screen.availWidthは画面の有効領域の幅、screen.availHeightは画面の有効領域の高さを持つプロパティになります。
もしあらかじめ開いた子ウィンドウを最大表示にしたいというケースでしたら、その子ウィンドウを開く際に、あらかじめそれをオブジェクトとして取得しておき(上記の初めの処理のように、「オブジェクト名=window.open()」と記述しておきます)、そのオブジェクト名を使って「オブジェクト名.resizeTo(screen.availWidth, screen.availHeight); オブジェクト名.window.moveTo(0,0);」という処理を行えば良いと思います。 ついでにウィンドウにfocus()を与えておけば、ウィンドウが後ろに回っていても前に出てくるでしょう。
なお、window.open()でウィンドウサイズを指定することもできますが、この場合にこちらでサイズを指定すると、若干画面よりも大きいウィンドウが開かれる場合があります。 また、window.moveTo(0,0)はウィンドウの左上の頂点が画面左上にくるようにウィンドウを移動させる処理で、最大表示時には画面外にウィンドウがはみ出るのを防ぐために必須だと思います。

子ウィンドウから親ウィンドウの最大表示は、

function openwin(){
opener.window.resizeTo(screen.availWidth,screen.availHeight);
opener.window.moveTo(0,0);
}

これで可能と思います。 「opener.window」でそのウィンドウを開いた親ウィンドウのプロパティを参照できます。 ついでにopener.window.focus()を入れておけば、親ウィンドウを前面に押し出せます。

(2)については、
親ウィンドウから子ウィンドウのプロパティを参照する場合は、上でも少し触れましたが、window.open()を処理する際に子ウィンドウをオブジェクトとして取得しておき、それを筆頭につけて「オブジェクト名.window」という形で記述すれば良いと思います。 上記の記述を例にするのであれば、「SW=window.open()」で子ウィンドウを開いているので、「SW.window.resizeTo(*,*);」で子ウィンドウのリサイズ、「SW.window.moveTo(*,*);」で子ウィンドウの移動ができるはずです。
子ウィンドウから親ウィンドウを操作する場合は、これも上で触れましたが、opener.windowという形で記述すれば良いでしょう。 「opener.window.resizeTo(*,*)」で親ウィンドウのサイズの変更、「opener.window.moveTo(*,*)」で親ウィンドウの指定の座標への移動が可能なはずです。

参考になれば。

(1)について
親ウィンドウ側のスクリプトは、

function openwin(){
SW=window.open("***","sub");
SW.window.resizeTo(screen.availWidth, screen.availHeight);
SW.window.moveTo(0,0);
}

これで子ウィンドウを最大表示で開けると思います。 screen.availWidthは画面の有効領域の幅、screen.availHeightは画面の有効領域の高さを持つプロパティになります。
もしあらかじめ開いた子ウィンドウを最大表示にしたいというケースでしたら、その子ウィンドウを開く際に、あらかじめそれをオブジェクト...続きを読む

Q一つのGoogleアカウントで同時に二つのモンストをバックアップできますか? スマホのモンストとiP

一つのGoogleアカウントで同時に二つのモンストをバックアップできますか?
スマホのモンストとiPod touchのモンストを入れ替えたいので教えて欲しいです

Aベストアンサー

常識的に考えて「不可能」ですよ

「異なるアカウントを1つのアカウントで管理する」

と言ってる様なもので それは「アカウントで管理してない」という意味に他なりません

機種変更やデータについて
http://www.monster-strike.com/help/answer08/help_0804.html

こちら(↑)を参考に

スマホで利用しているアカウントA

iPodTouchで利用しているアカウントB

両方で「プレイデータの引き継ぎ」(データの保存)を行った後

スマホでアカウントBを使いログイン

iPodTouchでアカウントAを使いログイン

それぞれの端末で以前、利用していたプレイデータの「あなたのID」を入力すれば

入れ替えは完了する筈です

Q画面表示とともにtableの指定の行位置を表示

htmlの一部に
高さ指定(150px程度)のtableを作成し、
見出しは固定で、
内容は縦スクロールによって、見られるようにしている情報があります。

内容は月毎の予定のような情報になります。


これをこのhtmlを表示すると同時に
JavaScriptで本日の日付(月)を取得し、該当の「月」の行に移動させたいのです。

tableの上に、1月、2月、3月、4月・・・とアンカー指定でジャンプできるように設定し
該当月をクリックすればその月の行にジャンプすることはできています。

これを、クリックしないで
「今月」の位置にジャンプさせて表示したいのです。

なかなかうまくいきません。
どなたか、アドバイスをお願いします。

Aベストアンサー

A No1~3です。

全体がよくわからないので、とりあえず、部分サンプルを何種類か作ってみましたが、ブラウザによって効かないものがあるようです。
(結構古いブラウザで試しているので、一般的と言えるのかどうかは不明です)

手元にあったFx16、IE6、Opera8で実験してみたところ、table内のページ内リンクはIE6が×、スクリプトでoffset値を計算する方法は一応OK、scrollIntoView()を利用する方法はOperaが×といった感じでした。

(トリガーは、それぞれボタンのクリックになっています)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><title>Test Sample</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<style type="text/css">
div p{ margin:2em 0 0 0; }
input{ width:2em; }
#hoge{ width:300px; height:110px; overflow:auto; margin-top:2em; padding:0; }
#hoge td{ width:300px; height:50px; vertical-align:top; border:1px solid #888; }
</style>

<script type="text/javascript">
function scroll(evt){
var t = target(evt);
if(t){
var sc = 0;
var d = document.getElementById("hoge")
var p = d.getElementsByTagName("table")[0];
var elm = document.getElementById("month" + t.value);
if(elm){
while(elm && elm!=p){
sc += elm.offsetTop;
elm = elm.offsetParent;
}
if(elm) d.scrollTop = sc;
}
}
}


function s_view(evt){
var t = target(evt);
if(t){
var id = "month" + t.value;
document.getElementById(id).scrollIntoView(true);
}
}


function target(evt){
var t = evt.target || evt.srcElement;
return (t.nodeName=="INPUT")?t:null;
}
</script>
</head>

<body>
<div>
<p>[ ページ内リンク ]</p>
<a href="#month1"><input type="button" value="1"></a>
<a href="#month2"><input type="button" value="2"></a>
<a href="#month3"><input type="button" value="3"></a>
<a href="#month4"><input type="button" value="4"></a>
<a href="#month5"><input type="button" value="5"></a>
<a href="#month6"><input type="button" value="6"></a>
</div>

<div onclick="scroll(event)">
<p>[ スクリプトで計算してスクロール ]</p>
<input type="button" value="1">
<input type="button" value="2">
<input type="button" value="3">
<input type="button" value="4">
<input type="button" value="5">
<input type="button" value="6">
</div>

<div onclick="s_view(event)">
<p>[ scrollIntoView()による方法 ]</p>
<input type="button" value="1">
<input type="button" value="2">
<input type="button" value="3">
<input type="button" value="4">
<input type="button" value="5">
<input type="button" value="6">
</div>


<div id="hoge">
<table>
<tr><td><a id="month1" name="month1">1月の記述</a></td></tr>
<tr><td> 1月の2行目</td></tr>
<tr><td><a id="month2" name="month2">2月の記述</a></td></tr>
<tr><td> 2月の2行目</td></tr>
<tr><td><a id="month3" name="month3">3月の記述</a></td></tr>
<tr><td> 3月の2行目</td></tr>
<tr><td><a id="month4" name="month4">4月の記述</a></td></tr>
<tr><td><a id="month5" name="month5">5月の記述</a></td></tr>
<tr><td><a id="month6" name="month6">6月の記述</a></td></tr>
<tr><td><a id="month7" name="month7">7月の記述</a></td></tr>
</table>
</div>

</body>
</html>

A No1~3です。

全体がよくわからないので、とりあえず、部分サンプルを何種類か作ってみましたが、ブラウザによって効かないものがあるようです。
(結構古いブラウザで試しているので、一般的と言えるのかどうかは不明です)

手元にあったFx16、IE6、Opera8で実験してみたところ、table内のページ内リンクはIE6が×、スクリプトでoffset値を計算する方法は一応OK、scrollIntoView()を利用する方法はOperaが×といった感じでした。

(トリガーは、それぞれボタンのクリックになっています)
<!DOCTYPE HTML PU...続きを読む

Qおはようございます、モンストさんの体調が、良いか悪いか皆さまの判断を聞かせて下さい。モンストでは報酬

おはようございます、モンストさんの体調が、良いか悪いか皆さまの判断を聞かせて下さい。モンストでは報酬としてメダル?等が貰えますが、表示ではメダル?やポイント?は貰った事になっていました、でもボスを倒した時は何も出て来ませんでした、ちゃんと見ていたので間違えありません、モンストさん体調悪いのでしょうか、それとも気にしない方が良いですか。

Aベストアンサー

答えとしては、あなたのモンストは正常です。
気にする必要はありません。

ボスを倒した時にコインや宝箱と一緒にメダルらしき物が溢れてこない。
と言うことですよね?

それならば問題ありません。
そういうモノだと認識しておいて下さい。
説明面倒なので。

Q画面表示とともに、テーブルの横スクロール位置を指定したい

HTMLおよびJavaScriptに関して教えてください。

現在HTMLにテーブルタグを使用して、5か月分の日割りの表を作成しています。横に日付を設定する必要性から、テーブルの横スクロールを出して1画面で見せています。(かなり長い横スクロールのテーブルです)

このとき、前月、今月、次月、次々月、次々次月と表示することとなり、表の始まりが前月となっています。
要望としては、画面を開いたときに、今月の位置で横スクロールされた状態になっていて欲しいのです。

縦の位置であれば、アンカーを使えば良さそうですが、テーブル内の横スクロールの制御は出来なそうで、、、

以上、よろしくお願いします。

Aベストアンサー

#1です。
こんな感じでしょうか?

<html>
<head>
<title></title>
<script type="text/javascript">
function table_scroll() {
var L = document.getElementById('LAYER');
var T = L.getElementsByTagName('table')[0];
L.scrollLeft =
T.offsetLeft + T.rows[0].cells[1].offsetLeft;
}
</script>
</head>
<style type="text/css">
table{border:solid thin #ccc}
</style>
<body onload="table_scroll()">

<div style="overflow:scroll;width:500px;position:relative;" id="LAYER">
<table><tr>
<td><table width="600"><tr><th>先月</th></tr></table></td>
<td><table width="600"><tr><th>今月</th></tr></table></td>
<td><table width="600"><tr><th>来月</th></tr></table></td>
</tr></table>
</div>

</body>
</html>

#1です。
こんな感じでしょうか?

<html>
<head>
<title></title>
<script type="text/javascript">
function table_scroll() {
var L = document.getElementById('LAYER');
var T = L.getElementsByTagName('table')[0];
L.scrollLeft =
T.offsetLeft + T.rows[0].cells[1].offsetLeft;
}
</script>
</head>
<style type="text/css">
table{border:solid thin #ccc}
</style>
<body onload="table_scroll()">

<div style="overflow:scroll;width:500px;position:relative;" id="LAYER">
<...続きを読む

Qリセマラで始めたモンスターは?モンストね

リセマラで始めたモンスターは?
モンストね

Aベストアンサー

大事なことだから二回いうね!
アリスで始めたよ!モンストね

アリスで始めたよ!
モンストね

QNN4とNN6でのレイヤーの表示・非表示

WINとMACでNN4とNN6でのレイヤーの表示・非表示を制御する、そんな都合の良いJavaScriptってありますか?
あったら教えて下さい!!

Aベストアンサー

以下は、私が使っていたものを、そのまま写しています。

function ShowMessage(mID){
if(document.all) document.all(mID).style.visibility = 'visible';
else if(document.layers) document.layers[mID].visibility = true;
else if(document.getElementById) document.getElementById(mID).style.visib
ility = 'visible';
}

function HideMessage(mID){
if(document.all) document.all(mID).style.visibility = 'hidden';
else if(document.layers) document.layers[mID].visibility = false;
else if(document.getElementById) document.getElementById(mID).style.visib
ility = 'hidden';
}

おわかりだとは思いますが、mIDは、各レイヤーのIDです。
引数にして渡してやってください。

ちなみに、Netscape6.0以降は、document.layersはFALSEになってしまいます。
そこで、document.getElementByIdを使うのですが、これはIE5.0以上でもTRUEになってしまいます。
(だから elseを使っているんですが)

Netscapeは、4.x以前と6.0以降でまったく別物になっているので、
同じ処理はほとんどの場合使えません。
むしろ、6.0はIE5.x以降にかなり近いです。

WINとMACの違いは、ブラウザの細かい仕様とバグに関わってくるので、
あんまり気にしても仕方がないような。。。

以下は、私が使っていたものを、そのまま写しています。

function ShowMessage(mID){
if(document.all) document.all(mID).style.visibility = 'visible';
else if(document.layers) document.layers[mID].visibility = true;
else if(document.getElementById) document.getElementById(mID).style.visib
ility = 'visible';
}

function HideMessage(mID){
if(document.all) document.all(mID).style.visibility = 'hidden';
else i...続きを読む


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報