- ベストアンサー
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> ------------------------------------------ です。
関連するQ&A
- Dreamweaver4でポップアップウィンドウ
Dreamweaver4.02for Macintoshを使っています。 テキストリンクをクリックすると画像が新しいウィンドウで開きたいのです。ボタンバーやアドレスバーが無い状態で画像の大きさで、さらに画像の下の中心に「閉じる」ボタンを押せばそのウィンドウが閉じるようなものです。 直接JavaScriptをソースに記述する方法は他の質問で見つけましたが、それをDreamweaver上で行う方法がわかりませんので教えてもらえればと思います。 メニュー＞ウインドウ＞ビヘイビア＞ブラウザウインドウを開く かなぁと思ってやってみたのですが、これはマウスをそのテキスト上に持っていったときの設定のようで、クリックするときの設定する方法が分かりませんでした。 よろしくお願いいたします。
- ベストアンサー
- CSS
- Dreamweaver。テキストをクリック→別ブラウザ展開。でも・・・
Dreamweaverで書いたテキストにビヘイビアを設定。 onClicで別ブラウザが開くようにしました。 プレビューしたら確かにクリック後に別ブラウザが開きました。 でもそのテキストの上にカーソルを置いても、指のマークが出てこないんです。 その・・・、通常のテキストの上にカーソルを置いてるマークありますよね？「I」みたいなマークです。 これだと見てる人はどこをクリックしたらいいのか分かりにくいので、指マークを出したいんです。 どうすればいいのでしょうか？ テキストにビヘイビアを設定すると、こうなってしまうものなんでしょうか？ それともテキストの上に、speacer.gifを入れたレイヤーを配置→それにビヘイビアを設定するとか？ どうか教えてください。
- ベストアンサー
- その他(業務ソフトウェア)
- 画像をクリックしたら別ウインドウを開くようにするには？
検索したり本を探したりしたのですが、どうしても見つけられなかったので 投稿します。 アルバムのコンテンツを作ろうと考えています。 いきなり大きな画像を沢山張りつけると重くて仕方がなくなるので、 まずサムネイルをテーブルの中にいれて沢山表示させるページを作りました。 自分の理想としてはサムネイルをクリックすると サイズ指定された別ウインドウが開いて該当サムネイルの大きな画像が 表示されるようにしたいんです。 そこで色々調べてみたのですが、ボタンや、テキストをクリックすると 別ウインドウが開くというサンプルはあっても、画像をクリックした 場合の設定方法が見つかりません。 どのように設定したらいいのか、ご存知の方がいらっしゃいましたら、 教えてください。よろしくお願いします。
- 締切済み
- JavaScript
- Dreamweaverで「ポップアップウインドウの画像をクリックするとウインドウが閉じる」ようにする方法
Dreamweaverで作ったポップアップウインドウの画像をクリックすると、ポップアップウインドウが閉じるようにしたいのですが、どのようにすればよろしいでしょうか？ よろしくお願いします。
- ベストアンサー
- デザイナー・クリエイティブ職
- Dreamweaverで別ウィンドウのクローズボタンをつくる
Dreamweaverで本格的ホームページ作成に手こずってます。(хх,)ビヘイビアで本体のページから小さな別ウィンドウを表示する設定はできたのですが、ホームページでよく見かけるクローズボタンの設定が分かりません。また自作のクローズボタンを使いたいのですが可能でしょうか。宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaverでホームページ作成し、文法チェックのページ（An
Dreamweaverでホームページ作成し、文法チェックのページ（Another HTML)でチェックしましたところ、ビヘイビアで設定したjavascriptの設定で下記のようなエラーメッセージが出ました。 on clickで新しいウインドウで開く（pop up)ようにしたのですが、エラーメッセージは「Onkeypressに属性を入れましょう」とありましたが、どのような内容をいれたらよういのでししょうか。教えてください。 また、そのときにリンク先は＃かjavascript:;というヌルリンクを入れるようにDreamweaverのテキストにあったので、いれたのですが、この＃もヌルリンクもエラーとなります。軽度のエラーということなので、無視するべきなのでしょうか。
- 締切済み
- ホームページ作成ソフト
- サムネイルにカーソルを合わせると指定した<div>内に画像とテキストを表示する
お世話になっております。分かりにくいタイトルで申し訳ありません。 今回JavaScriptはまだまだ勉強中の状態で、どうにもこうにも 解決できず、こちらで質問を投稿させていただきました。 今、解決できず悩んでおりますのは、例えで言いますと下記のURL http://travel.rakuten.co.jp/select/nara/200806/ 楽天トラベルさんの「燈花会会場のご紹介」というコンテンツで 実現されている、下のサムネイルにオンマウスオーバーすると、 上のdiv内に左に画像と右にテキストが表示される部分です。 私が今作っているのは、左にサムネイル、右に「画像＋テキスト」 という状態で、位置は違いますが、実現させたい事は一緒です。 今回できれば一番知りたいのが、このジャバスクリプトを Dreamweaverのビヘイビアで設定できるのか、教えていただきたく 思っております。それというのも本当にジャバスクリプトは初心者で まだなかなかサンプルなどのジャバスクリプトを自分用にアレンジす ることが難しく、もしビヘイビアで設定できるのなら、それが一番ベストな状態です。 ビヘイビアで設置が無理ならジャバスクリプトのサンプルがあれば、 ぜひ教えていただきたいです。実現させたいサンプルを探してもい ましたが検索の仕方がうまくないようで、サンプルも見つからず、 とにかく、もう解決策が見つからず、前に進めません。 どなたか、お時間があります時にでも、アドバイスいただけると とてもうれしいです。どうぞよろしくお願い致します。
- ベストアンサー
- JavaScript
- ホームページ作成で、ウィンドウのリサイズ（サイズ指定）
ホームページを作成中です。 画像をクリックしたとき、拡大画像を別ウインドウで表示したい。 HTMLタグで次のように書けば、一応できます。 <a href="拡大画像のURL" target="_blank"> <img src="サムネイル画像のURL"></a> しかし、これでは拡大画像ウインドウのサイズが指定できないので、余白が沢山ある大きなウインドウが起動します。 拡大画像サイズ（600×400px程度）にピッタリ合ったウインドウサイズにするには、どうすればよいのでしょうか? なお、JAVAについては全くわからず、スクリプトをコピペすることしかできません。 ホームページは、YahooのGeocity（無料版）を利用しています。 よろしくお願いします。
- ベストアンサー
- HTML
- ビルダーでポップアップウィンドウの作成！
お世話になります。 ホームページビルダーVer１０でHPを作成しています。 そこでHP内にポップアップウィンドウを設置したいのですが・・・。 イメージといたしまして、 (1)親ページ内の例えばサムネイルをクリック (2)ポップアップウィンドウが開き (3)ウィンドウ内には【サムネイルの拡大画像＋その他のサムネイル数枚＋コメント】 ※この際表示されたポップアップウィンドウ内のサムネイルをクリックすると、ウィンドウ内の拡大画像の表示が切り替わる。 ↑上記の様に表示をさせたいのですが、皆様のお力をお借り出来れ幸いです。 何卒宜しくお願い致します。 m(_ _)m
- 締切済み
- ホームページ作成ソフト
- Dreamweaver作成時の画面表示
Windows2000、Dreamweaver MXを使用して仕事上のＨＰを作成しています。 共有ＰＣで何人かが触るのですが、この間Dreamweaverを立ち上げたら、今までと勝手が違っていました。 今まではショートカットから立ち上げると、すぐに使っているところが開くようになっていて、画面の右側にずらっとＨＰに使っているページのファイル名が出ていました。（Outloookで受信トレイの中にいくつかフォルダを作って、それを一覧のように見れるような状態のような感じで、このフォルダの中にＡやＢのフォルダが入っているというのが一覧で見られるようになってました。） マイドキュメントの中に素材などを保存して、Dreamweaverをリンクさせている状態なので、しょうがなくこの間はマイドキュメントのフォルダから右クリックして（確か）「アプリケーションから開く」で「Dreamweaverを使って開く」を選択し、そこから編集しました。 もしくはDreamweaverを開いて、さらにファイルから「開く」を選択し、使っているところを選択して表示させる、しか出来ないんです。（おそらくこれが普通の状態なんでしょうね） ただそれだとどこに何があるのかを探すのでひと苦労なので以前のような状態にしたいんですが…Dreamweaverを使うのが初めてで分からないところが数多くありますので、設定等でアドバイスをお願いできませんでしょうか？？ ワードでもエクセルでも立ち上げたときに一定のファイルが何もしなくても開く、ということは（何も設定していなければ）ないと思うので、今までの方が特殊な状態？？だったのかとは思いますが…
- ベストアンサー
- ホームページ作成ソフト
補足
ありがとうございます。 試してみたら思い通りになりました。 なんですが・・・ 普段私はWINDOWSを使用してチェックしているのですが、 MACで試してみたらWINDOWが開きません。 どこかの記述がMACではいけないのでしょうか？ Dreamweaverの限界？なのでしょうか？ 気になっているのが a href="javascript:;" の部分です。 ソフトではこうなるのですが・・・ どうでしょう？