- ベストアンサー
Dreamweaverを使用 クリックで新しいウィンドウを開くを作成しましたが、次のを開く時ウィンドウが後ろに行くのを回避したい
DreamWeaverのビヘイビアを使って新しいウィンドウを開くというのを作ってみました。 目的はカレンダー式にサムネイルとして並べた小画像をクリックしたらウィンドウが開いて大きめの画像が見える。というものを作りたいのです。 ウィンドウを開き、そのウィンドウのサイズ等はDreamweaverのビヘイビアで設定できたのですが、次の小画像をクリックすると前に開いたウィンドウが切り替わるのですが、小画像が載っているクリックしたウィンドウが手前に来るため開いているのがわかりずらくなります。 これを回避したいので １．次のサムネイルの小画像をクリックしたら開いたウィンドウを手前にまた表示されるようにする。 ２．前に開いたウィンドウとは別に新しくウィンドウが開く。 以上ようなスクリプトを設定できたら良いのではと思っています。 私は公開されているスクリプトを埋めこむくらいならできますが、一から作ることはしたことがないです。 上記の１か２以外でもこういうやり方があるよ！というのでも構いません。 運用的にはほぼ毎日カレンダー的に追加していくので、 DreamWeaverで設定と 少しの手直しでいけるようなものであればうれしいです。 ご存知の方ぜひ！教えてください！！！
- goo_marine
- お礼率63% (43/68)
- JavaScript
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
<!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"> <!-- var win; var winsw=0; function MM_openBrWindow(theURL,winName,features) { //v2.0 if(winsw==1){ win.close(); } win=window.open(theURL,winName,features); win.focus(); winsw=1; } //--> </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"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 var win=window.open(theURL,winName,features); win.focus(); } //--> </script>
その他の回答 (3)
- flowermaze
- ベストアンサー率56% (159/282)
こんにちは。 Dreamweaverをご利用とのことで、 ビヘイビアの「ブラウザウィンドウを開く」 →表示するURL、ウィンドウ幅、ウィンドウ高、ウィンドウ名などを指定 という方法で設定してらっしゃるかと思います。 ＞２．前に開いたウィンドウとは別に新しくウィンドウが開く。 ビヘイビアの設定時に、ウィンドウ名に何も入力しなければOKのはずです。 ＞次のサムネイルの小画像をクリックしたら開いたウィンドウを手前にまた表示されるようにする ポップアップで開かせるほうのページを一部書き換えます。 コードビューで <body> を <body onload="window.focus()"> とします。 （※<body>が<body background="××">などいろいろ書き込まれた状況でも、最後の>の前にスペースを入れて onload="window.focus()"と書けばOK)
- m035
- ベストアンサー率44% (38/86)
＞a href="javascript:;" ↑は必要ないかと。何なら↓の用に書くといいみたいです。 <a href="#" onClick="処理;return:false;">実行</a> こんな感じでどうでしょ？
- m035
- ベストアンサー率44% (38/86)
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"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </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> ------------------------------------------ です。
補足
ありがとうございます。 試してみたら思い通りになりました。 なんですが・・・ 普段私はWINDOWSを使用してチェックしているのですが、 MACで試してみたらWINDOWが開きません。 どこかの記述がMACではいけないのでしょうか？ Dreamweaverの限界？なのでしょうか？ 気になっているのが a href="javascript:;" の部分です。 ソフトではこうなるのですが・・・ どうでしょう？