メインページの前面に表示されるように

■メインページの前面に表示されるように

過去ログ NO.1174709202

□ ＯＪＩＮ [2007年03月16日21時38分]
ど、どうも、、素人に毛の生えた程度の OJIN でございます。

こちら様には例示されていないんですが、解決できなくてご相談させて頂きます。

悩んでいるページのＵＲＬ ▼ です。

http://chinachips.fc2web.com/01lacarte/10100staff.html
そのフレームのページです。

http://chinachips.fc2web.com/01lacarte/10100.html

ここで「麗香の脚線１」「麗香の脚線２」「麗香の脚線３」のリンクを同一のサブウインドウに出して、
----<head>----
<SCRIPT LANGUAGE="JavaScript"></SCRIPT>
----</head>----
----<body>----
<a href="dbc/reika1.jpg" onClick="JavaScript:new_win01();return false" target="reika"
>麗香の脚線１</a>　<a href="dbc/reika2.jpg" onClick="JavaScript:new_win02();return false" target="reika"
>麗香の脚線２</a>　<a href="dbc/reika3.jpg" onClick="JavaScript:new_win03();return false" target="reika"
>麗香の脚線３</a>
----</body>----

と、ここまではうまくいったのですが、

１．例えば「麗香の脚線１」を最初に開いて、次に「麗香の脚線２」や「麗香の脚線３」を開くと、「２」や「３」はメインページの後ろ側に隠れてしまい、気がつかないビジターは折角の素晴らしい脚線を見過ごして通り過ぎてしまいます。(^^;
ーーー「１」に続けて「２」や「３」を開いた時にも「２」や「３」がメインページの前面に表示されるようにはできないものでしょうか？

２．また、
それに併せましてもしも可能でございましたら、「１」でも「２」でも「３」でも、次を開かないでそのままにしていたら‥‥例えば‥‥５秒後には自動的に消える、、そんなことは可能でございましょうか？

できますれば「１．」と「２．」を、(素人に毛の生えた程度の)でも理解できますよう、区分けしてご説明いただけますと・・・・す、スミマセン！<(_ _)>

なにとぞ！よろしくお願い申し上げますッ！
□ NXer [2007年03月17日17時06分]

>「１」に続けて「２」や「３」を開

当方でほぼ同じスクリプトで同じ現象を再現できました。以下と
ほぼ同じ場合は、愚案をお試しいただき、ご満足のいくように
変更をお試しください。NXerです。

その1）サブウィンドウの重なり：みかけと実際

>"reika",　　　　　　 "width=240,height=521,left=480,top=40");}
　"サブウィンドウ名”,”サブウィンドウ属性”
　　要素1　　　　　 , 要素2
引用スクリプトは、上の２つの要素の構成になっています。
要素1と要素2はそれぞれ独立しています。

ojinさんの場合、同一要素1（一つのサブウィンドウ）と要素2（一つの位置）です。
そのために同じ場所と大きさのただ一つの窓に３つのhtmlが表示され、最新のhtmlが常に
表示されています。本当は "reika" まど一つだけですが、見かけ上は、
>後ろ側に隠れてしまい
ます。

案1）同じ場所に、３つのサブウィンドを開く
（これは窓が３つあり、たまたま重なってモニター画面上では最も上の窓一つにみえます。）

"reika1"
"reika2"
"reika3"

target="reika1">麗香、、1
target="reika2">麗香、、2
target="reika3">麗香、、3（簡潔にするためスクリプトの一部のみ）

この場合、独立した窓が３枚重なっています。上から順に3、
2、1、と開いた順（1,2,3）の逆に閉じます。htmlのページの
意図と利用者の閲覧目的が一致する任意のページにクリックと
閉じるで移動が可能です。

案2）異なる位置に、３つのサブウィンドウ

left=400,top=20
left=450,top=40
left=500,top=60

表示するhtmlによって、位置をずらすとその一部でも選択の
ヒントになりそうです。

実際は3つにみえるのにサブウィンドウは一つである　と　
実際は3つあるのにサブウィンドウは一つにみえる　　と

の違いにご注意ください。日常語をどのようにjavascriptで記述するか、
微細なニュアンスの違いにテストして気が付きました。謝々。

その2）＞５秒後には自動的に消える

----------------------------------------
function new_win01(){win01=window.open("sample1.html","reika1","width=240,height=521,left=470,top=20");}
function closewin01(){win01.close();}
<BODY onload="setTimeout('closewin01()',30000)">
---------------------------------------
新しい窓のidをwin01としています。
窓を閉じる関数は、窓ごとに設定します。関数名はclosewin01、窓のidは上に設定した
win01です。
BODY属性に　onloadとしています。
このために次の使用条件の時有効です。
親ウィンドウを起動して30000ミリ秒（３０秒）以内にwin01が開かれている場合
そのwin01を閉じます。
したがって、親ウィンドウ起動３０秒後にサブウィンドウを開いても、この関数は
有効ではありません。利用者が　麗香、、1　を親の起動後いつ見るかは不明です。

改善方法：
1）一般的に滞在平均時間が５分程度、そして麗香、、1窓を１分以内に開くとすると
1分後、6万ミリ秒に設定します。

2）サブウィンドウ起動後３０秒後とするにはサブウィンドウに閉じる関数を
組み込めばいいのでしょうが、よく分かりません。

3）予備的に閉じるボタンを付けておきます。
<A href="bara01.gif" onclick="JavaScript:new_win01();return false" target="reika1">麗香の脚線１</A>　
<INPUT type="button" value="sayonara" onclick="closewin01()">

サブウィンドウにも閉じる×ボタンはありますが、このボタンは確実です。

ボタンに麗香のさよならgif画像を載せるなどの華麗なウェブ小ワザ
も、javascriptに負けず小粋なアイテムと思います。愚案で春先の凍
るような寒さですが、氷を溶かすような熱い（hotな)ウェブページに
なれば幸いです。

参考文献:宮坂雅輝、JavaScript Handbook,softbank,2002　
□ ＯＪＩＮ [2007年03月17日19時27分]
どうも、NXer様、大変ご丁寧なご教示を頂戴いたしまして、真にありがとうございました。しかし、

１．例えば「麗香の脚線１」を最初に開いて、次に「麗香の脚線２」や「麗香の脚線３」を開くと、
┌--------
「２」や「３」はメインページの後ろ側に隠れてしまい、ーーー「１」に続けて「２」や「３」を開いた時にも「２」や「３」がメインページの前面に表示されるように
└--------
スミマセン、説明が舌足らずでした・・・・

「案1）同じ場所に３つのサブウィンドを開く」←「同じ場所」はいいんですが、悩んでおりますのは
┌--------
親ページが開きっ放しの状態で『麗香の１』を押すと、新しいサブウインドウが親の上に出るんですが、その状態で『麗香の２』をクリックすると、サブウインドウは親の後ろ側になってしまって、メニューからクリックしないと親の前には出てこない・・・・
└--------
ーーーというところなんでございます。――――これを『麗香の１』をクリックして親の前にある状態のときに『麗香の２』をクリックしても、画像が替わるだけでサブウインドウ自体はそのまま親の前に在り続ける・・・ようにしたいのでございます。

お手数をおかけいたしまして申し訳ございません！
ーーーなにとぞご教示のほどを

> 案2）異なる位置に、３つのサブウィンドウ
> left=400,top=20
> left=450,top=40
> left=500,top=60

これは、上の問題が解決できましたら使わせて頂こうと存じます。
ありがとうございました！

> その2）＞５秒後には自動的に消える

利用者が「麗香1」を親の起動後いつ見るかはすごいバラツキがあります。
その前に好きな女の子の写真があれば暫く眺めているでしょうし、そうでなければスグに切り替えてしまいます。従いまして、

> 3）予備的に閉じるボタンを付けておきます。
> ボタンに麗香のさよならgif画像を載せるなどの華麗なウェブ小ワザも、javascriptに負けず小粋なアイテムと思います。

こちらの案を採用させて頂こう存じます。

> 愚案で春先の凍るような寒さですが、氷を溶かすような熱い(hotな)ウェブページになれば幸いです。

氷を溶かしてみせます！　よろしくお願い申し上げます！
□ ＯＪＩＮ [2007年03月18日01時17分]
ーーー素人に毛の生えた程度の OJIN でございます。

悩んでいるページのＵＲＬ ▼ です。
http://chinachips.fc2web.com/01lacarte/10100staff.html
そのフレームのページです。
http://chinachips.fc2web.com/01lacarte/10100.html

１．例えば「麗香の脚線１」を最初に開いて、次に「麗香の脚線２」や「麗香の脚線３」を開くと、
┌--------
「２」や「３」はメインページの後ろ側に隠れてしまい、ーーー「１」に続けて「２」や「３」を開いた時にも「２」や「３」がメインページの前面に表示されるように
└--------
説明が舌足らずでした・・・・

「案1）同じ場所に３つのサブウィンドを開く」←「同じ場所」はいいんですが、悩んでおりますのは
┌--------
親ページが開きっ放しの状態で『麗香の１』を押すと、新しいサブウインドウが親の上に出るんですが、その状態で『麗香の２』をクリックすると、サブウインドウは親の後ろ側になってしまって、メニューからクリックしないと親の前には出てこない・・・・
└--------
ーーーというところなんでございます。←―――これを『麗香の１』をクリックして親の前にある状態のときに『麗香の２』をクリックしても、画像が替わるだけでサブウインドウ自体はそのまま親の前に在り続ける・・・ようにしたいのでございます。
・
・
お手間を煩わせることがないようにと、、素人なりに、、どうせダメだろうとは思いながら、適当にサブウインドウのほうに以下のタグを書き込んでみました、ら、
<body onLoad="setInterval('self.window.focus()',1000)">

できましたッ！

理由は分かりませんのですが、、とほほ、、兎も角、目論見どおりの結果には至りました！‥‥‥とほほのほ‥‥‥

3）予備的に閉じるボタンを付けておきます。
ボタンに麗香のさよならgif画像を載せるなどの華麗なウェブ小ワザも、javascriptに負けず小粋なアイテムと思います。

まだこの「閉じるボタン」まで手が回りませんが、近日中には取り付けます！
そして、

> 愚案で春先の凍るような寒さですが、氷を溶かすような熱い(hotな)ウェブページになれば幸いです。

さて、氷を溶かすことはできるでしょうか？　NXer様！
本当に！！本当に！！ありがとうございました！！！！
□ ＯＪＩＮ [2007年03月18日01時29分]
す、スミマセン・・・・

上のテスト、、ＩＥではこれでＯＫなんですが、

「FIRE FOX」ではサブウインドウがやっぱり親ウインドウの裏に隠れてしまいます・・・・
「FIRE FOX」はJABAが効かないんでしょうか？？・・・・
□ ＯＪＩＮ [2007年03月18日13時39分]
？？？？
今朝やってみましたら「FIRE FOX」でもちゃんと写りました。

・・・訳が分かりませんが、ともかく成功いたしました！

NXer様、いろいろと本当にありがとうございました！