親画面に"window.open"のリンクを作って小窓で開こうと思っています。

1回目はうまくいくのですが親画面をクリックしたりして戻った時に小窓が親画面の後ろに隠れてしまいます。

その状態で親画面からもう一度小窓を開くリンクをクリックした時に、隠れている小窓を手前にもってきたいと思っています。

既に開いている場合は一度閉じて、もう一度開く、とすればできますが、時間がかかりすぎるので、やりたくありません。

初歩的な質問かもしれませんが、どなたか教えてください。

よろしくお願いいたします。

A 回答 (1件)

試していないんで自信はないんですが、こんな感じじゃ駄目ですかね?



w = window.open(なんとか);
w.focus();
    • good
    • 0
この回答へのお礼

できました!
どうもありがとうございました。

お礼日時:2001/06/27 13:00

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

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

Q小窓を開くJSで、高さを調節した表示位置を画面の右端にしたい

よく、リンクをクリックすると新規に親窓で開くページがあります
文末はその小窓を画面中央に開く、どこかでみたサンプルです。

ここで、Excel2003のヘルプ窓のように、次のように動作させたいです。

(1)高さはクライアント画面の高さを取得して縦幅一杯に(例:768、600px等可変に)
(2)幅は固定値(例:200px等と指定)
(3)場所は右端(各クライアントの画面の幅-小窓幅(例:200px)=小窓の左上角)
(4)元窓(親窓)の幅はそのまま
(5)ブラウザ依存せず動作する方が嬉しいです

まとめると、リンクを開くと画面右端ピッタリに次のような小窓が現れるイメージです。
┌────┬─┐
│親窓   │小│
│      │窓│
│      │ │
└────┴─┘

よろしくお願いします。

<html>
<head>
<script language="javascript" type="text/javascript">
function winOpen(url,wid,hei,wname){
window.name = wname;
sw = screen.availWidth;
sh = screen.availHeight;
wl = (sw-wid)/2;
wt = (sh-hei)/2;
about = window.open (url,"SmallWindow","width=" + wid + ",height=" + hei + ",,toolbar=no,location=no,directories=no,menubar=no,resizable=yes,scrollbars=yes,left=" + wl + ",top=" + wt);
}
</script>
</head>
<body>
<a href="#" target="new" onClick="winOpen('../komado.html','540','420','dot'); return false;">
クリックで小窓を開く
</a>
</body>
</html>

よく、リンクをクリックすると新規に親窓で開くページがあります
文末はその小窓を画面中央に開く、どこかでみたサンプルです。

ここで、Excel2003のヘルプ窓のように、次のように動作させたいです。

(1)高さはクライアント画面の高さを取得して縦幅一杯に(例:768、600px等可変に)
(2)幅は固定値(例:200px等と指定)
(3)場所は右端(各クライアントの画面の幅-小窓幅(例:200px)=小窓の左上角)
(4)元窓(親窓)の幅はそのまま
(5)ブラウザ依存せず動作する方が嬉しいです

まとめると、リ...続きを読む

Aベストアンサー

あまり要望を満たしていないかもしれませんが・・・
・JS部
function openNewWin(url, name){
window.open(url, name, 'status=yes,resizable=yes,top=0,left='+getScreenHEIGHT()/2+',width='+getScreenWIDTH()/2+',height='+getScreenHEIGHT());
}

//スクリーンサイズから画面サイズ取得(高さ)
function getScreenHEIGHT(){
if(!!window.screen){
//N4,N6,Moz,IE,共用
return screen.height-80;
}else{
//上記以外
return null;
}
}

//スクリーンサイズから画面サイズ取得(幅)
function getScreenWIDTH(){
if(!!window.screen){
//N4,N6,Moz,IE,共用
return screen.width-12;
}else{
//上記以外
return null;
}
}
・HTML呼び出し部
<a href="#" target="new" onClick="openNewWin('komado.html','a'); return false;">

あまり要望を満たしていないかもしれませんが・・・
・JS部
function openNewWin(url, name){
window.open(url, name, 'status=yes,resizable=yes,top=0,left='+getScreenHEIGHT()/2+',width='+getScreenWIDTH()/2+',height='+getScreenHEIGHT());
}

//スクリーンサイズから画面サイズ取得(高さ)
function getScreenHEIGHT(){
if(!!window.screen){
//N4,N6,Moz,IE,共用
return screen.height-80;
}else{
//上記以外
return null;
}
}

//スクリーンサイズから画面サイズ取得(幅...続きを読む

Q小窓を開くJSで、高さを調節して表示位置も画面の右端にしたい(2)

昨日質問した
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1919765
の続きなのですが、文末サンプルの5行目(window.opem・・・)の改造について

(1) status=yesをnoにすると、高さがステータスバー分空洞になってしまいます。
(2) 幅を%でなく、固定値(例:200px)にしたいと、
window.open(url, name, 'status=yes,resizable=yes,top=0,left='+getScreenWIDTH()-200+',width=200,height='+getScreenHEIGHT());
としてみましたら、今後は変なところに窓が表示されてしまいます。

(1) (2) を解決するため、私の解釈はどこが誤っていますでしょうか。

<html>
<head>
<script language="javascript" type="text/javascript">
function openNewWin(url, name){
window.open(url, name, 'status=yes,resizable=yes,top=0,left='+getScreenWIDTH()*0.7+',width='+getScreenWIDTH()*0.3+',height='+getScreenHEIGHT());
}
//スクリーンサイズから画面サイズ取得(高さ)
function getScreenHEIGHT(){
if(!!window.screen){
//N4,N6,Moz,IE,共用
return screen.height-80;
}else{
//上記以外
return null;
}
}
//スクリーンサイズから画面サイズ取得(幅)
function getScreenWIDTH(){
if(!!window.screen){
//N4,N6,Moz,IE,共用
return screen.width-12;
}else{
//上記以外
return null;
}
}
</script>
</head>
<body>
<a href="#" target="new" onClick="openNewWin('komado.html','a'); return false;">
小窓を開く
</a>
</body>
</html>

昨日質問した
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1919765
の続きなのですが、文末サンプルの5行目(window.opem・・・)の改造について

(1) status=yesをnoにすると、高さがステータスバー分空洞になってしまいます。
(2) 幅を%でなく、固定値(例:200px)にしたいと、
window.open(url, name, 'status=yes,resizable=yes,top=0,left='+getScreenWIDTH()-200+',width=200,height='+getScreenHEIGHT());
としてみましたら、今後は変なところに窓が表示されてしまいます。

(1) (2) を解決する...続きを読む

Aベストアンサー

window.open(url, name, 'status=no,resizable=yes,top=0,left='+(getScreenWIDTH()-200)+',width='+200+',height='+(getScreenHEIGHT()+20));

これでどうでしょうか。
getScreenWIDTH()-200は、文字列になっちゃってるので、数値の計算をさせるため()で括りました。

Q親窓と小窓を連携させたい

HPのトップページで小窓を一枚開きます。

HP内を閲覧している際はその小窓を表示しっぱなしにしますが、自分のHPから出た時に(親ページのウインドウを閉じる時や、他のサイトに移動した場合に)その小窓を消す方法はありますか?

ページを移動した時に消す方法はunloadで出来るようですが、サイト全体かどうかの判別はどうしたらよいでしょうか。

Aベストアンサー

小窓側で、タイマーで定期的に親の状態を監視するという方法が、もっともシンプルでいいのではないかと思います。

Q別窓を開くリンクでリンク元に画像を使用したいのですけども・・・

いつもお世話になります。
また、問題が発生致しました。
javaScriptで別窓を開くリンクでリンク元に画像を利用したいのですけども検索しても文字からのリンクしか見つからず画像からのリンクを教えて頂きたいのですが、よろしくご指導お願い致します。

<SCRIPT LANGUAGE="JavaScript">
<!---
function wopen1(){ window.open("http://www.yahoo.co.jp","yahoo",
"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=500,height=300") }
//--->

リンク元で画像を使いたいです。
<A HREF="javascript: wopen1()">ウィンドウ1</A>
これをどのように書き換えれば画像からリンクできますでしょうか?

お手数かけますがお願いいたします。

Aベストアンサー

画像の載せ方は分かりますか?それを<A>タグで挟むだけですよ。

<A HREF="javascript: wopen1()">ウィンドウ1</A>

<A HREF="javascript: wopen1()"><img src="画像Url"></A>
に変更してください。

参考URL:http://www.htmq.com/html/img.shtml

Qリンクをクリックするとポップアップで親ウィンドウが開くようにするには?

今開いているウィンドウがA、
今開いているウィンドウに貼られているリンクをB、
ポップアップで開きたいウィンドウをC、
とします。

Bをクリックすると、当然AのウィンドウにBが開きます。
そのクリックと同時にCも一緒に開きたいんです。
Cは小窓ではなくて親ウィンドウで、新しいウィンドウです。
どのようにすれば、実現できるのでしょうか?

表現がちょっとわかりにくいかと思いますが、どなたかお分かりの方、回答よろしくお願いします。

Aベストアンサー

> Bをクリックすると、当然AのウィンドウにBが開きます。
> そのクリックと同時にCも一緒に開きたいんです。
> Cは小窓ではなくて親ウィンドウで、新しいウィンドウです。
▲となると、Bをクリックしたときに開くページにポップアップを埋め込むことになりますが、ポップアップにするとブロックされる場合もありますよね。
それをご承知の上であれば、下記サイトで質問されるのがよろしいかと思います。

参考URL:http://www2.moug.net/bbs/web/


このカテゴリの人気Q&Aランキング

おすすめ情報