DreamWeaverのビヘイビアを使って新しいウィンドウを開くというのを作ってみました。
目的はカレンダー式にサムネイルとして並べた小画像をクリックしたらウィンドウが開いて大きめの画像が見える。というものを作りたいのです。
ウィンドウを開き、そのウィンドウのサイズ等はDreamweaverのビヘイビアで設定できたのですが、次の小画像をクリックすると前に開いたウィンドウが切り替わるのですが、小画像が載っているクリックしたウィンドウが手前に来るため開いているのがわかりずらくなります。
これを回避したいので
1.次のサムネイルの小画像をクリックしたら開いたウィンドウを手前にまた表示されるようにする。
2.前に開いたウィンドウとは別に新しくウィンドウが開く。
以上ようなスクリプトを設定できたら良いのではと思っています。
私は公開されているスクリプトを埋めこむくらいならできますが、一から作ることはしたことがないです。
上記の1か2以外でもこういうやり方があるよ!というのでも構いません。
運用的にはほぼ毎日カレンダー的に追加していくので、
DreamWeaverで設定と
少しの手直しでいけるようなものであればうれしいです。
ご存知の方ぜひ!教えてください!!!
No.2ベストアンサー
- 回答日時:
<!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>
この回答への補足
ありがとうございます。
試してみたら思い通りになりました。
なんですが・・・
普段私はWINDOWSを使用してチェックしているのですが、
MACで試してみたらWINDOWが開きません。
どこかの記述がMACではいけないのでしょうか?
Dreamweaverの限界?なのでしょうか?
気になっているのが
a href="javascript:;"
の部分です。
ソフトではこうなるのですが・・・
どうでしょう?
No.4
- 回答日時:
こんにちは。
Dreamweaverをご利用とのことで、
ビヘイビアの「ブラウザウィンドウを開く」
→表示するURL、ウィンドウ幅、ウィンドウ高、ウィンドウ名などを指定
という方法で設定してらっしゃるかと思います。
>2.前に開いたウィンドウとは別に新しくウィンドウが開く。
ビヘイビアの設定時に、ウィンドウ名に何も入力しなければOKのはずです。
>次のサムネイルの小画像をクリックしたら開いたウィンドウを手前にまた表示されるようにする
ポップアップで開かせるほうのページを一部書き換えます。
コードビューで
<body>
を
<body onload="window.focus()">
とします。
(※<body>が<body background="××">などいろいろ書き込まれた状況でも、最後の>の前にスペースを入れて
onload="window.focus()"と書けばOK)
No.3
- 回答日時:
>a href="javascript:;"
↑は必要ないかと。何なら↓の用に書くといいみたいです。
<a href="#" onClick="処理;return:false;">実行</a>
こんな感じでどうでしょ?
No.1
- 回答日時:
var win=window.open("
http://hoge.jp/img/A.jpg","画像A","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が見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
エクセルのシート上に別のシー...
-
Javascript_submit()完了後に処...
-
VBAで任意のウインドウのサイズ...
-
ウィンドウの2重起動を防止したい
-
VBの画面で、全ウィンドウを一...
-
デスクトップ画面を4分割するには
-
EXCEL2016で最大化せずにウィン...
-
ポップアップと作業ウィンドウ...
-
インタネットからPDFファイルだ...
-
<EXCEL/VBA> OUTLOOKのウインド...
-
JavaScriptでPDFを新規ウィンド...
-
子ウィンドウの「閉じる(×)」...
-
リンク時、親ウインドウを最前...
-
ワードの「作業ウィンドウ」が...
-
親ウィンドウと子ウィンドウの...
-
サブウィンドウを指定の位置に開く
-
親→子→孫サブウィンドウのフォ...
-
ウィンドウサイズを開いたとき...
-
子ウィンドウより親ウィンドウ...
-
ウィンドウ名からウィンドウオ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルのシート上に別のシー...
-
Javascript_submit()完了後に処...
-
VBAで任意のウインドウのサイズ...
-
ウィンドウの2重起動を防止したい
-
VBの画面で、全ウィンドウを一...
-
子ウィンドウの存在確認
-
ポップアップと作業ウィンドウ...
-
<EXCEL/VBA> OUTLOOKのウインド...
-
デスクトップ画面を4分割するには
-
親ウィンドウから開いた子ウィ...
-
子ウィンドウから親ウィンドウ...
-
タスクバーに非表示
-
子ウィンドウより親ウィンドウ...
-
ウィンドウ名からウィンドウオ...
-
履歴を残さないResponse.Redire...
-
1クリックでモーダルを開いてか...
-
JavaScriptで指定Windowを最大...
-
孫ウインドウを閉じたら親をリ...
-
window.Openをモーダルにできま...
-
子→親ウインドウへデータを受け...
おすすめ情報