Dreamweaverを使用　クリックで新しいウィンドウを開くを作成しましたが、次のを開く時ウィンドウが後ろに行くのを回避したい

解決済

質問者：goo_marine
質問日時：2005/07/07 22:13
回答数：4件

DreamWeaverのビヘイビアを使って新しいウィンドウを開くというのを作ってみました。
目的はカレンダー式にサムネイルとして並べた小画像をクリックしたらウィンドウが開いて大きめの画像が見える。というものを作りたいのです。
ウィンドウを開き、そのウィンドウのサイズ等はDreamweaverのビヘイビアで設定できたのですが、次の小画像をクリックすると前に開いたウィンドウが切り替わるのですが、小画像が載っているクリックしたウィンドウが手前に来るため開いているのがわかりずらくなります。
これを回避したいので

１．次のサムネイルの小画像をクリックしたら開いたウィンドウを手前にまた表示されるようにする。
２．前に開いたウィンドウとは別に新しくウィンドウが開く。

以上ようなスクリプトを設定できたら良いのではと思っています。
私は公開されているスクリプトを埋めこむくらいならできますが、一から作ることはしたことがないです。

上記の１か２以外でもこういうやり方があるよ！というのでも構いません。

運用的にはほぼ毎日カレンダー的に追加していくので、
DreamWeaverで設定と
少しの手直しでいけるようなものであればうれしいです。
ご存知の方ぜひ！教えてください！！！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： m035
回答日時：2005/07/09 00:33

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題ドキュメント</title>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>

<body>
<table width="204" border="0">
<tr>
<td colspan="2"><div align="center"><a href="javascript:;" onClick="MM_openBrWindow('test_all.html','全身','width=320,height=730') "><img src="index.files/p_01.jpg"
alt="" width="196" height="280"
border=0></a></div></td>
</tr>
<tr>
<td width="102"><a href="javascript:;" onClick="MM_openBrWindow('test_le.html','顔','width=440,height=425')"> <img src="index.files/p_02.jpg" width="94" height="70" border="0"></a></td>
<td width="105"><a href="javascript:;" onClick="MM_openBrWindow('test_ri.html','脚','width=440,height=425')"> <img src="index.files/p_03.jpg" width="94" height="70" border="0"></a></td>
</tr>
</table>
</body>
</html>
----------ソースここまで-----------
こんな感じでしょうか。
一応、二回目以降は前のウィンドウが開いていれば閉じるようにしたので、
もし前のウィンドウを閉じたくない場合はscript部分を下のソースと入れ替えてください。

<script language="JavaScript" type="text/JavaScript">

</script>

この回答への補足

ありがとうございます。
試してみたら思い通りになりました。
なんですが・・・
普段私はWINDOWSを使用してチェックしているのですが、
MACで試してみたらWINDOWが開きません。
どこかの記述がMACではいけないのでしょうか？
Dreamweaverの限界？なのでしょうか？
気になっているのが
a href="javascript:;"
の部分です。
ソフトではこうなるのですが・・・
どうでしょう？

補足日時：2005/07/11 11:39

通報する

- 0
- 件

通報する

No.4

回答者： flowermaze
回答日時：2005/07/12 13:33

こんにちは。

Dreamweaverをご利用とのことで、

ビヘイビアの「ブラウザウィンドウを開く」
　→表示するURL、ウィンドウ幅、ウィンドウ高、ウィンドウ名などを指定

という方法で設定してらっしゃるかと思います。

＞２．前に開いたウィンドウとは別に新しくウィンドウが開く。
ビヘイビアの設定時に、ウィンドウ名に何も入力しなければOKのはずです。

＞次のサムネイルの小画像をクリックしたら開いたウィンドウを手前にまた表示されるようにする
ポップアップで開かせるほうのページを一部書き換えます。
コードビューで
<body>
を
<body onload="window.focus()">
とします。
（※<body>が<body background="××">などいろいろ書き込まれた状況でも、最後の>の前にスペースを入れて
onload="window.focus()"と書けばOK)

- 0
- 件

通報する

No.3

回答者： m035
回答日時：2005/07/11 23:49

＞a href="javascript:;"

↑は必要ないかと。何なら↓の用に書くといいみたいです。
<a href="#" onClick="処理;return:false;">実行</a>
こんな感じでどうでしょ？

- 0
- 件

通報する

No.1

回答者： m035
回答日時：2005/07/07 23:11

var win=window.open("

http://hoge.jp/img/A.jpg","画像Ａ","width=250,heigth=250");
win.focus();

でウィンドウを手前に持ってこれるはずです。
ウィンドウを開くときに

var 変数名=window.open();

としておくと、後から

変数名.focus();

でウィンドウを手前に表示できます。
一番上に書いた例では、開いたウィンドウを自動的に手前に移動させています。
コレを利用して、ウィンドウを例のように開き、画像を表示するウィンドウを手前に持ってきてはいかがでしょうか。

この回答への補足

回答ありがとうございます。
javascripitがそんなにわかっていないので、どこに入れたらいいのか迷っています。
簡単なページを作りましてそのソースを貼ってみますので、よろしければどう入れたらいいのか教えていただけますか？

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題ドキュメント</title>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>

<body>
<table width="204" border="0">
<tr>
<td colspan="2"><div align="center"><a href="javascript:;" onClick="MM_openBrWindow('test_all.html','全身','width=320,height=730')"><img src="index.files/p_01.jpg"
alt="" width="196" height="280"
border=0></a></div></td>
</tr>
<tr>
<td width="102"><a href="javascript:;" onClick="MM_openBrWindow('test_le.html','顔','width=440,height=425')"><img src="index.files/p_02.jpg" width="94" height="70" border="0"></a></td>
<td width="105"><a href="javascript:;" onClick="MM_openBrWindow('test_ri.html','脚','width=440,height=425')"><img src="index.files/p_03.jpg" width="94" height="70" border="0"></a></td>
</tr>
</table>
</body>
</html>
------------------------------------------
です。