Dreamweaver4でポップアップウィンドウ

質問

Dreamweaver4.02for Macintoshを使っています。

テキストリンクをクリックすると画像が新しいウィンドウで開きたいのです。ボタンバーやアドレスバーが無い状態で画像の大きさで、さらに画像の下の中心に「閉じる」ボタンを押せばそのウィンドウが閉じるようなものです。

直接JavaScriptをソースに記述する方法は他の質問で見つけましたが、それをDreamweaver上で行う方法がわかりませんので教えてもらえればと思います。
メニュー＞ウインドウ＞ビヘイビア＞ブラウザウインドウを開く　かなぁと思ってやってみたのですが、これはマウスをそのテキスト上に持っていったときの設定のようで、クリックするときの設定する方法が分かりませんでした。
よろしくお願いいたします。

回答No.2

yu-zu-ko · ベストアンサー

Win用しか使ってませんが、することは同じだと思いますので回答させていただきます。

「メニュー＞ウインドウ＞ビヘイビア＞ブラウザウインドウを開く」でいいと思いますよ。
ただ、デフォルトでは「イベント」がOnMouseOver(カーソルがリンクに重なったときに動作する)に設定されていますので、これをOnClick(クリックしたときに動作する)にでも変えてやればいいと思います。

上記動作でビヘイビアを作成すると、ビヘイビアウィンドウの中にその項目が表示されていますよね？
その項目をクリックして選択します。
「イベント」の部分がOnMouseOverになっていると思いますので、その隣の▼をクリックしてイベントのリストを表示し、OnClickを選択します。
もしリストの中の選択肢にOnClickがない場合は、選択肢の一番下にある「表示するイベント」で「4.0およびそれ以上」を選択してみてください。
OnClickが表示されるようになると思います。

ただし、「表示するイベント」で「4.0およびそれ以上」を選択したときに表示されるOnClickなどのイベントは、IE3.0など古いブラウザでは動作しませんので、その点はご注意ください。
さすがに最近はそんな古いブラウザを使っている人はあまりないと思いますが・・・。

補足

丁寧な回答ありがとうございます。

やるべきこととやる方法はわかりました。
しかし、テキストを選択してビヘイビアから進めていくと、「ブラウザウィンドウを開く」が選択できない（灰色になっている）ことが多いです。
そのテキストがテーブルの中にあるからとか、関係ないですよね？

せっかく教えていただいた機能を使うことができずにいます。
この問題について、解決する方法をご存知の方合わせてお願いいたします。

回答No.4

yu-zu-ko

そのあたりについては、Dreamweaverの使い方というより、JavaScriptについてちょっと勉強されると良く分かるようになると思いますよ。

onClickなどのイベントハンドラは、タグに対してつけるものです。
たとえば、<a>タグに対してつければ、
<a href="#" onClick="hogehoge()">
のように、<a>タグの中に記述することになります。
ビヘイビアを使用するときには、こういった記述をDreamweaverが自動的にやってくれてるわけなんですね。
そういうわけで、Dreamweaverでイベントハンドラをつけるには、まずどのタグにつけるかを指定してやらにといけません。
それが、先の回答に書かせていただいた「<a>タグをクリックして太字にする」ということです。

しかし、ブラウザのバージョンによって、特定のタグにつけられるイベントハンドラの種類が制限されます。
たとえば最初にroro02さんが試されていたように、
IE3.0以前では、<a>タグにonClickというイベントハンドラはつけられません。
IE4.0からは、<a>タグにonClickというイベントハンドラをつけることができます。

これらは、IEとNNといったブラウザの種類によっても違います。
たとえば、先の「表示するイベント」で「4.0およびそれ以上」を選択すると、IE4.xおよびNN4.x以上で使えるハンドラのみ表示されます。
このときに<a>や<button>など以外のタグを選択したときにonClickが選択できないのは、NN4.xでは<a>や<button>など以外でonClickイベントが使えないからです。
IE4.0では、他のほとんどのタグでもonClickイベントを使うことが出来ます。

もしもroro02さんがIEでだけ正常に動作すれば良いと割り切れるのであれば、「表示するイベント」で「IE4.0」とか「IE5.0」を選択されれば、<b>や<img>、<td>など大概のタグでonClickを選択できると思いますよ。
このあたりは、作られるホームページについてのroro02さんのポリシーによるところだと思います。

頑張ってくださいね（＾＾）

参考URL：

http://tohoho.wakusei.ne.jp/js/onevent.htm#onClick

お礼

再度の回答ありがとうございます。
お礼が遅くなって申し訳ありません。

タグにつけるものというご説明、まさに目からうろこです。
そういうことだったのですね。
ご察しの通りJavaScriptについては全く知識が無いのでDreamweaverに頼ろうとしていました。
よりよいホームページ作りのために参考にさせていただきます。
ありがとうございました。

回答No.3

yu-zu-ko

> テキストを選択してビヘイビアから進めていくと、]
> 「ブラウザウィンドウを開く」が選択できない（灰色になっている）ことが多いです。

うーん。
違っているかもしれませんが、心当たりを・・・。

そのテキストを選択したとき、メインウィンドウ左下の文字列はどうなってますか？
(ウィンドウの下のグレーの部分の左端です。)
<a>とか<td>とかいろいろタグが並んでると思うのですが、<a>が太字になってますか？
なってない場合は<a>をクリックして太字にしてみてください。
その状態なら、選択できるのではないかと思います。

補足

何度も回答ありがとうございます。

何もリンクを張っていないないテキストを選択すると<a>は出ず、何かしらリンクを張っているテキストには<a>が出ることが分かりました(当たり前ですが)。

太字かそうでないかの前に、<a>が出ていないテキストを選択していたようです。その<a>が表示されないままビヘイビアを使ってブラウザウィンドウを開くが使えないと言っていたのです。

どうやら、こちらの使い方が根本的に誤っているようです。まず<a>タグで囲まなければいけないのでしょうか？　yu-zu-ko様は手順が御分かりのようなので、プレーンなテキストにビヘイビアを適用する方法を教えていただけないでしょうか？
よろしく御願いいたします。

回答No.1

shy00

私はMac版は使用したことがないのですが・・・
http://www.adachi.ne.jp/users/k-studio/index.html
に、使用方法が結構詳しく載っていますので参考にしてください。

また、ソースのいじり方は
http://www.adachi.ne.jp/users/k-studio/useful/function/fun_01.html
「ビューの切り替え」でコードビューの表示にすれば出来るはずです
Win版もそうですので・・・

参考URL：

http://www.adachi.ne.jp/users/k-studio/index.html

お礼

回答ありがとうございます。

参考URLは大変分かりやすく、助かります。
今回質問させていただいたのは、できれば直接ソースを編集するのではなく、アプリケーション内のメニューからできる方法を知りたいと思ったからです。参考URLにもあるかと思うので、探したいと思います。