クリッカブルマップをクリックして 小ウィンドウをサイズ指定で出して ウィンドウにはツールバーやメニューバーなど表示させないで一番シンプルに出したいのです。 小ウィンドウを閉じる時にはウィンドウ内に作ったGIFボタンで閉じさせたいのですが どのようにしたら良いのでしょうか?

クリッカブルマップでは無くてテキストからのリンクから小ウィンドウを出すテストでは成功したのですがクリッカブルにしたら複雑すぎてよく分からなくなってしまいました
よろしくおねがいしまーす

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

A 回答 (1件)

onClickを使えばいいと思います。


クリッカブルマップの<AREA>タグの部分を、
<AREA NAME="エリア名" SHAPE="クリッカブルマップの形" COORDS="クリック可能エリア" HREF="呼び出し元HTMLファイル名" onClick="小window呼び出し用JavaScript関数">
とすればできます。

例えば、test.htmlからSub.htmlを小windowで表示するとしますよね?
で、小windowをオープンするJavaScript関数の名前が、OpenWin()だとします。
すると、
<AREA NAME="MyArea" SHAPE="RECT" COORDS="0,0,100,100" HREF="test.html" onClick="OpenWin();">
となるわけです。

注)エリア名、クリッカブルマップの形、クリック可能エリアに関しては、テストとして書いただけですので、やりたい事にあわせて変えてくださいね。

window.openに関しては、過去に投稿された記事があるので、そちらをご参照ください。

http://www.okweb.ne.jp/kotaeru.php3?q=111395

windowを閉じる場合は、GIF画像に<A>タグを付ければ可能です。

<A HREF="sub.html" onClick="window.close();"><IMG SRC="close.gif" border="0"></A>

# サブwindow名がsub.html、閉じる時にクリックする画像名がclose.gifとした場合のサンプルです。

HREFに直接、JavaScript:関数名としてもIEでは動作しますが、ネットスケープの場合動作しなかったり、ブラウザがビジー状態になってしまったりする場合がありますので、onClickを使った方がいいかと思います。
    • good
    • 0

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

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

Q子ウィンドウの「閉じる(×)」で親ウィンドウも一緒に閉じる方法

タイトル通り、親ウィンドウと、子ウィンドウがあり、子ウィンドウの「×」でウィンドウを閉じた場合に、親ウィンドウも閉じることはできるのでしょうか。
JavaScriptで「閉じる」ボタンをつけて行うことは、可能なのですが、ウィンドウの「×」はどのように処理したらよいのかわかりません。
ご存知の方がいましたら、よろしくお願いしたします。

Aベストアンサー

子ウィンドウに親ウィンドウ側から別のページを読み出したり、あるいは子ウィンドウ内でページを移動・更新したりすることがないのであれば、window.onunloadのイベントを拾って親ウィンドウを閉じる処理を入れておくのが良いのではないかと思います。
window.onunloadは、現在表示されているページが、ページ移動・更新・ウィンドウを閉じる動作などで破棄された時を拾いますので、子ウィンドウを閉じた時に親ウィンドウを閉じるようにもできると思います。
その場合は、子ウィンドウ側のソースに、以下のソースを追加すれば実現できます。

<script type="text/javascript"><!--
function parentclose(){
if (opener){
opener.close();
}
}
window.onunload=parentclose;
//-->
</script>

ただし、先にも書いたように、子ウィンドウを再利用して別のページを読み出したり、あるいは子ウィンドウ内のコンテンツで更新・別ページへの移動ができる場合は、それらの動作を実行された時にも、その現在表示されているページが破棄されたことを検知して親ウィンドウを閉じようとします。 そういった動作を含むサイト設計をしている場合には、この方法は使えないでしょう。
また、親ウィンドウとなるウィンドウがスクリプトなどで開かれたウィンドウではない場合(ユーザーが任意で開いたウィンドウの場合)、IEではそのウィンドウをスクリプトから閉じようとしていることの警告ダイアログが出ますし、Netscape7ではその動作自体をセキュリティエラーとして実行しないようになっています。 状況によっては、実装しても思い通りの動作にならない可能性もあるかもしれません。

参考になれば幸いです。

子ウィンドウに親ウィンドウ側から別のページを読み出したり、あるいは子ウィンドウ内でページを移動・更新したりすることがないのであれば、window.onunloadのイベントを拾って親ウィンドウを閉じる処理を入れておくのが良いのではないかと思います。
window.onunloadは、現在表示されているページが、ページ移動・更新・ウィンドウを閉じる動作などで破棄された時を拾いますので、子ウィンドウを閉じた時に親ウィンドウを閉じるようにもできると思います。
その場合は、子ウィンドウ側のソースに、以下のソー...続きを読む

Q親ウィンドウから子ウィンドウの子ウィンドウを閉じたい

 親ウィンドウから子ウィンドウを開き、
その子ウィンドウで子ウィンドウ(孫ウィンドウ?)を開きます。
その状態で、親ウィンドウの画面移動で、子ウィンドウと孫ウィンドウを閉じたいのですが、できません。

JavaScript1--
 ssWin = window.open('---');
----
JavaScript2---
if(ssWin != null){ if (!ssWin.closed){ssWin.close(); }}
------
子ウィンドウまでは上記の方法で閉じれるのですが、孫ウィンドウの制御となると、どうやったらいいかわかりません。
 どなたかすいませんが、いい方法がありましたら、ご教授くださいませ。

Aベストアンサー

ちょっと名前を整理させて下さいませ。
親ウィンドウ→子ウィンドウ→孫ウィンドウ
という呼び名で呼ばせて頂きます。

あくまでアドバイス程度の物しかできないので何か他にいい方法があるのかもしれないですが、TENEHTさんはJavaScriptで普通の関係ならばウィンドウ制御プログラムはできる方とお見受けしますので簡単に書かせて頂きますね。

☆案1
【1】子ウィンドウに孫ウィンドウを閉じる関数を実装する。
【2】子ウィンドウ内、BODYタグのonUnloadで上記関数を実行する。
【3】親ウィンドウから子ウィンドウを閉じると孫ウィンドウが子ウィンドウによって閉じられる。

☆案2
【1】子ウィンドウに孫ウィンドウを閉じる関数を実装する。
【2】親ウィンドウから子ウィンドウ内の孫ウィンドウを呼び出す関数を実行する。
【3】親ウィンドウから子ウィンドウを閉じる。
※子ウィンドウ内の関数はssWin.○○()という形で簡単に呼び出せます。

こんな感じの実装で如何でしょうか?

Q自分のウィンドウをツールバーやメニューバーを出さずに表示するには?

JavaScriptで、サブウィンドウをツールバーやメニューバーを出さずに表示する方法は知っているんですが、
サブウィンドウじゃなく自分自身のウィンドウをツールバーやメニューバーを出さずに表示(更新)する方法がわかりません。
教えてください。

Aベストアンサー

一般的に、ユーザが設定しているブラウザの状態を
誰かの作ったページを表示することで、
変更することはできないと思ってください。
(つまり、自分自身の現在表示されているツールバーなどの状態を変えるコトは、一般的にはできない)

Q親ウィンドウから開いた子ウィンドウをまとめて閉じるには?

親ウィンドウから複数のサブウィンドウを開いたとします。親ウィンドウを閉じる際に、開いているサブウィンドウを全て閉じたいと思っています。

開いたサブウィンドウのwindowオブジェクトを控えておいて、親ウィンドウのunloadで順番に閉じていけばできますが、イマイチかっこいい処理ではないので、一括してcloseできる処理を考えているところです。

なにかいい方法はないでしょうか?

Aベストアンサー

親ウィンドウが開いた子ウィンドウを一括で閉じるには、
子ウィンドウの一覧を把握していなくてはなりません。

ですが、いちいち子ウィンドウの変数を作成していくのは
面倒極まりないので、以下の手順で一括処理を行えます。

0)グローバル変数で、配列を宣言する

******ここは複数回の可能性あり*******
1)子ウィンドウを開く
2)子ウィンドウハンドルを配列に入れる
***********************************

onUnload時
1)子ウィンドウハンドルを参照し、閉じられていないかチェック
2)子ウィンドウハンドルに対して close()メソッドを実行


一応、IE5上で動作確認したソースもあるのですが、
ご自分でお考えになる方が力になりますので。
どうしてもできないと言う時は、改めてソースを開示いたしましょう。

Q親ウィンドウを切り替えたときの子ウィンドウの閉じ方

画面Aから画面BをsubName = window.openで開き親子の
ウィンドウが開いている状態で画面Aを画面Cに遷移させます。
この後で画面Cから画面Bを閉じる方法がわかりません。

画面A(親)⇒ 画面C(親?)

画面B(子)

Aベストアンサー

 こういうことでしょうか↓
http://www.openspc2.org/reibun/javascript/sub_window/020/index.html

参考URL:http://www.openspc2.org/reibun/javascript/sub_window/020/index.html


人気Q&Aランキング

おすすめ情報