こんにちは。

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ポップアップ?するウインドウの位置を変えたい

ポップアップというのではないかもしれませんが、クリックすることによって、新たに出てくるサイズが画面の1/4程度のウインドウが、以前は画面の中ほどに表示されていたのに、先方の設定が変わったのか、画面のやや下に表示されるようになりました。従って、そのウインドウの全部を見るためには、いちいちマウスで引っ張り上げなければなりません。
よく、好ましい位置や大きさで一旦閉じると、以降は、その位置、その大きさで開けたりできますので、いろいろ試してみたのですが、相変わらず、画面の下よりにしか出ません。なにか設定を変える方法がありませんでしょうか?

Aベストアンサー

Windowsが画面の中心をズレて記憶しちゃっているのかもしれません。
デスクトップを右クリック-[プロパティ]の「画面のプロパティ」で、一旦ウィンドウの解像度を変更後、元に戻す操作を行うと、画面の中心位置が再計算されて改善するかも。

Qポップアップの位置を固定する方法

WindowsXPでIE6を使用しています。
あるページでポップアップが表示されるのですが、
このポップアップが画面左端によっていたり、ポップアップの半分が画面の外にはみ出した様な状態になっています。
このポップアップを最初からモニタの中央に表示させる方法があれば教えてください。

Aベストアンサー

以下のサイトは参考になりませんか?
http://www7.ocn.ne.jp/~erlybird/school/winbasic/win20.html

Qテキストボックス入力を半角英数字に制限する

よろしくお願いします。

テキストボックスに入力される文字を、
半角英数字(英語の場合は大文字のみ)以外入力できないように制限したいのですが可能でしょうか?

もしくは半角英数字以外が入力された場合アラートを出すようにしたいのですが。。。

また、文字数の制限も可能でしょうか?

第一希望)
12文字以内の半角英数大文字以外入力できないように入力制限する。

第二希望)
12文字以内の半角英数大文字以外入力の文字が入力されている状況でボタン(=CGI実行)を押すと警告のアラートが出る。

第三希望)
半角英数大文字以外入力できないように制限、もしくはアラート表示。

例)
AAAA-1234567 ○(ハイフンを含め12文字以内の半角英数字)
AAAA-123456789 ×(12文字以内でない)
aaaa-1234567 ×(小文字が含まれている)


webサーバー・・・HP-UX
web・・・IE6
開発端末・・・windows2000(Tera Term 使用)

情報をお持ちの方いらっしゃいましたら、
よろしくお願いいたします。

よろしくお願いします。

テキストボックスに入力される文字を、
半角英数字(英語の場合は大文字のみ)以外入力できないように制限したいのですが可能でしょうか?

もしくは半角英数字以外が入力された場合アラートを出すようにしたいのですが。。。

また、文字数の制限も可能でしょうか?

第一希望)
12文字以内の半角英数大文字以外入力できないように入力制限する。

第二希望)
12文字以内の半角英数大文字以外入力の文字が入力されている状況でボタン(=CGI実行)を押すと警告のアラートが...続きを読む

Aベストアンサー

第二希望の条件について。
前提としてチェックするテキストボックスのnameがtxtであった場合の説明をします。
まず、次のようにform開始タグにname="fm"とonsubmit="return checkForm()"を追加します。

<form name="fm" action="********.cgi" method="post" onsubmit="return checkForm()">


次に以下を<head>~</head>に貼り付けることで、JavaScriptによる送信前のチェックが可能です。

---------------------------------------
<script type="text/javascript">
<!--
function checkForm(){
var str = document.fm.txt.value;
if (str.match(/[^A-Z\d\-]/)) {
alert("半角英数字(大文字)しか入力できません");
return false;
}
else if (str.length > 12) {
alert("12文字以内で入力してください");
return false;
}
}
//-->
</script>
---------------------------------------

「ハイフンを含め」と書いているので、ハイフンを入れても有効なようにしました。
また、12文字以内としか書かれていないので0文字でも警告が出ないようになっています。
もし、何も入力されていない場合でも警告を出すならば、次のようにしてください。

---------------------------------------
if (!str) {
alert("何も入力されていません");
return false;
}
else if (str.match(/[^A-Z\d\-]/)) {
alert("半角英数字(大文字)しか入力できません");
return false;
}
else if (str.length > 12) {
alert("12文字以内で入力してください");
return false;
}
---------------------------------------

第二希望の条件について。
前提としてチェックするテキストボックスのnameがtxtであった場合の説明をします。
まず、次のようにform開始タグにname="fm"とonsubmit="return checkForm()"を追加します。

<form name="fm" action="********.cgi" method="post" onsubmit="return checkForm()">


次に以下を<head>~</head>に貼り付けることで、JavaScriptによる送信前のチェックが可能です。

---------------------------------------
<script type="text/javascript">
<!--
function checkForm(){
...続きを読む

Qjavascriptでセレクトボックスの"selected"を動的につ

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>月

<select name='day'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
<option value='13'>13</option>
<option value='14'>14</option>
<option value='15'>15</option>
<option value='16'>16</option>
<option value='17'>17</option>
<option value='18'>18</option>
<option value='19'>19</option>
<option value='20'>20</option>
<option value='21'>21</option>
<option value='22'>22</option>
<option value='23'>23</option>
<option value='24'>24</option>
<option value='25'>25</option>
<option value='26'>26</option>
<option value='27'>27</option>
<option value='28'>28</option>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日


このセレクトボックスに、例えば今日の日付"2010年9月30日"だったら、それぞれの年、月、日の<option>に"selected"をつけたいのですが、javascriptではどのようにして実現したら良いのでしょうか?

よろしくお願いします。

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8...続きを読む

Aベストアンサー

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<option value='2009'>2009</option>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>月

<select name='day'>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日
</div>
</form>

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<opt...続きを読む

Qテーブルタグの中にdivを含めてはダメ?

テーブルタグの中にdiv要素を入れるとダメなのでしょうか?
何か不都合でもあるのでしょうか?
何かご存知の方がいれば教えていただけませんか?

Aベストアンサー

以下、HTML 4.01での話です。(XHTMLでもほぼ同じだと思います)

tableタグ直下に書けるのは、caption,col,colgroup,head,tfoot,tbodyと定義されています。
特定の条件下でtbodyが省略できますので、実際はtrも書けます。これら以外は書けないことになっています。
tr直下にはth,tdが書けることになっています(それ以外は不可)。

th,tdの下にはブロック要素が書けるので、divも書けます。

このように、テーブル内でth,tdの中以外でdivが使えないのはHTMLの仕様でそう決まっているからです。

Qテキストボックスに数字しか入力できないようにするには?

タイトルの通りなのですが、あるテキストボックスに数字しか入力できないようにしたいのですが可能でしょうか?また、

「あいうえお 12345 「」:・、¥・」

というような文字列をコピーし、そのテキストボックスにペーストした際にも数字の12345だけが残るといった事も実現したいのですが…

どなたかご存知の方いらっしゃいましたら教えて頂けると幸いです。

Aベストアンサー

>英数字

では、こんな感じで

<input type="text" onKeyup="this.value=this.value.replace(/[^0-9a-z]+/i,'')">

Q