人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

現在ドリームウィーバーを使ってhpを作っているのですが、リンクをクリックするとポップアップウィンドウが開く方法を教えてもらえますでしょうか?
またそのポップアップででてきた画像をクリックするとそのウィンドウが閉じる方法もお願いいたします。開いたウィンドウが画面の左上にでてきてほしいです。

●質問者: zakisin24
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:Hp ウィンドウ クリック ドリームウィーバー ポップアップ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● freebreeze
●35ポイント

まず、ポップアップウインドウのhtmlを用意し、そのファイルに表示される

画像(img src=…)の部分に「onClick='window.close()'」を書き加える。

そうすると画像をクリックするとそのウインドウは閉じられます。


Dreamweaverを使った新しい窓を開く方法は、[ビヘイビア] を使います。

ブラウザウィンドウを開く


※「onclick」のイベントを利用することになりますが、その場合たとえば

onclick="window.open(this.href, '_blank', 'width=500,height=300,

scrollbars=no,resizable=no,toolbar=no,directories=no,

location=no,menubar=no,status=no,left=0,top=0')

と、「左と上を0で指定」すると左上に新しい窓が開きます。


2 ● pxb12663
●35ポイント

http://www2f.biglobe.ne.jp/~takan/javac/n2/open_window1.htm

Javascriptのwindow.open関数を使ってポップアップウインドウを開きます。

これをonClick関数を使ってリンクのタグに仕込めばいいです。

例:

画像(pic.jpg)を表示するだけのHTML、pic.htmlを準備して、

<a href="javascript:;" onClick="window.open('pic.html','','top=0,left=0')">画像</a>

このタグをメインのHTMLに張れば、「画像」というリンクをクリックすると画面左上にポップアップウインドウが開きます。位置はtop,leftという引数で指定します。

今度は閉じる方法ですが、pic.html内の画像に同じくタグを使ってwindow.close関数を使います。

<a href="javascript:;" onClick="window.close"><img src="pic.jpg"></a>

これで表示された画像、pic.jpgをクリックするとウィンドウが閉じます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ