- ベストアンサー
クリッカブルマップから 小ウィンドウを出して閉じれますか？
noname#1785の回答
- ベストアンサー
onClickを使えばいいと思います。 クリッカブルマップの<AREA>タグの部分を、 <AREA NAME="エリア名" SHAPE="クリッカブルマップの形" COORDS="クリック可能エリア" HREF="呼び出し元HTMLファイル名" onClick="小window呼び出し用JavaScript関数"> とすればできます。 例えば、test.htmlからSub.htmlを小windowで表示するとしますよね？ で、小windowをオープンするJavaScript関数の名前が、OpenWin()だとします。 すると、 <AREA NAME="MyArea" SHAPE="RECT" COORDS="0,0,100,100" HREF="test.html" onClick="OpenWin();"> となるわけです。 注）エリア名、クリッカブルマップの形、クリック可能エリアに関しては、テストとして書いただけですので、やりたい事にあわせて変えてくださいね。 window.openに関しては、過去に投稿された記事があるので、そちらをご参照ください。 http://www.okweb.ne.jp/kotaeru.php3?q=111395 windowを閉じる場合は、GIF画像に<A>タグを付ければ可能です。 <A HREF="sub.html" onClick="window.close();"><IMG SRC="close.gif" border="0"></A> # サブwindow名がsub.html、閉じる時にクリックする画像名がclose.gifとした場合のサンプルです。 HREFに直接、JavaScript:関数名としてもIEでは動作しますが、ネットスケープの場合動作しなかったり、ブラウザがビジー状態になってしまったりする場合がありますので、onClickを使った方がいいかと思います。
関連するQ&A
- クリッカブルマップとインラインフレームを組み合わせたい
こんにちは。自分でも検索してしらべたのですが、どうしてもわからないので、質問させていただきます。 現在、ページを製作中なのですが、タイトルのとおり、クリッカブルマップ画像の上にインラインフレームを組み合わせる方法がわからず、困っています。 透過したインラインフレームを、女の子の画像に重ねて表示してあります。この女の子の画像にメニューが書いてあるので、それをクリッカブルマップにして、インラインフレームにリンクを表示したいと思っています。 画像の上にインラインフレームを重ねて表示するのには成功しましたが、クリッカブルマップのタグを書き加えると、画面が真っ白になってしまいます。 クリッカブルとインラインを組み合わせたデザインのサイトは結構あるので参考にしようとしてみましたが今いちわからなくて・・・ 回答よろしくお願いします。
- 締切済み
- HTML
- クリッカブルマップ＋カーソル変更
私のサイトでは、カーソルを画像に変更して使っていて、リンクに触れるとカーソル画像が変わる、っていう設定にしているんですが、クリッカブルマップで指定したリンクではカーソルが変わりません。 どうすればクリッカブルマップのリンクもカーソルをかえられますか？ ちなみに、カーソルの指定はスタイルシートの外部指定でやっていますが、クリッカブルマップではないリンクでは、ちゃんとカーソルが変わります。
- 締切済み
- HTML
- クリッカブルマップがきかない！？
html初心者です。 地図の画像上に複数のにクリッカブルマップを作成して、同ページ内のアンカーリンクへリンクを設定しています。 ※クリッカブルマップはDreamweaverで作成しています。 IEではちゃんとリンク先に行くのですが、ネスケだと、リンク先に移動しません。。どこが悪いのでしょうか？？ソースは下記にある通りです。 なにか決定的にタグが抜けているんでしょうか？？ 皆様、初心者な私にどうか教えてください。 よろしくお願いします。。。 ---------------------------------------------- <BODY> <div align="left"> <img src="image/map.gif" width="500" height="300" border="0" usemap="#Map"> <MAP name="Map"> <AREA shape="rect" coords="342,38,447,65" href="#01"> <AREA shape="rect" coords="333,108,439,144" href="#02"> </MAP> </div> <div> <A name="#01">一丁目</A> <A name="#02">二丁目</A> </div> </BODY>
- ベストアンサー
- HTML
- クリッカブルマップを使わず同じ効果を得たい…。
出来るかも分からないのですが、宜しくお願いします。 題名の通りなのですが、クリッカブルマップのように1枚の画像上に複数箇所のリンクを設定したいのですが、クリッカブルマップ自体は使用したくありません。 そこで、質問なのですがHTMLやCSSを工夫することで、またはJavascriptを使うことで、こういった指定が実現可能でしょうか？ 実際には、良くある地図みたいに地域ごとの形でリンクの設定が出来ればと思います。 なお、FlashはNGとさせてください。 どなたか、ご存知の方いらっしゃいましたらアドバイス頂けないでしょうか。 宜しくお願いします。
- ベストアンサー
- CSS
- クリッカブルマップとロールオーバーを同時に使う外部CSSの書き方
似た質問はあったのですが、解決できなかったので質問させていただきました。 ホームページでクリッカブルマップにしている画像(A.gifとします)があるのですが、 リンクにマウスを乗せたとき、それぞれのリンク別々の画像を表示させたいのです。(ホームページはテキストエディットで作っています) A.gifの中にリンク１、リンク２、リンク３があるとします。 ●リンク１にマウスが乗ったとき→A.gifがB.gifに変わる ●リンク２にマウスが乗ったとき→A.gifがC.gifに変わる ●リンク２にマウスが乗ったとき→A.gifがD.gifに変わる というふうにしたいのですが・・・。 自分で本やネットで探してみたところ、javasprictを使ったやり方はなんとかわかりました。 けれどjavasprictは見る人の環境によって表示されなかったりするし、ソースをシンプルにしたいので、外部CSSでのやり方を探しています。。。 ただのロールオーバーだけなら外部CSSで作ることはできましたが、クリッカブルマップと併用しようとするとわからなくなってしまいました。 独学で作ってきたので説明文など、至らない点があるかもしれないのですが、できるだけ詳しく教えていただければありがたいです。 もし不明な点があれば補足致します。 よろしくお願いします。
- ベストアンサー
- HTML
- クリッカブルマップでの画像のロールオーバー
いつも大変お世話になっております。 同じような質問があったのでいろいろと拝見したのですがなかなか上手くいかず質問させていただきました。 今回ホームページで下記のような感じで、クリッカブルマップを 作成しその中に５つのリンクを作成しました。 （仮に、このイメージはmenu.gifだとします。） ￤----------------------￤ ■■■■■ ￤----------------------￤ これを一番左の四角にマウスをあてると （menu.gif→menu01.gifの画像に入れ替わる。 隣の四角にマウスが来ると今度はmenu02.gifに変わる。） ￤----------------------￤ ■□□□□ ￤----------------------￤ このような、同じ大きさの違う画像に入れ替えたいのですが このようなことは可能でしょうか？ 下のように記述してもエラーが出て上手くいきません。 なにがいけないのでしょうか？ <AREA shape="rect" coords="44,209,153,454" href="main.html" onMouseOver="imgChange(menu01.gif)" onMouseOut="imgChange(menu.gif)"> よろしくお願いいたします。
- 締切済み
- JavaScript
- PHPと連携したクリッカブルマップを
<form action="test.php?cate1=27&cate2=2&cate3=blue" method="post" name="x1" id="x1"> <input name="check[001]" type="hidden" value="12345" /> <input type="submit" value="北海道の情報を表示" /> </form> 現在地域ごとにリンクを設置し、test.phpに情報を送っています。 上記のようにボタンを設置したタイプにしているのですが、 今後はクリッカブルマップにしていきたいと考えています。 <area shape="poly" coords="XXX,XXX,XXX" alt="" /> クリッカブルマップは上記のように設定しており、単純にクリッカブルマップとしては機能しております。PHPとのリンクに詳しくないのでどういった形でPHPに情報を渡してやればいいか検討がつきません。 ご存知の方いらっしゃいませんでしょうか。
- 締切済み
- HTML
- クリッカブルマップを使いながらロールーバーってできるんでしょうか？
色々調べたのですが方法がわからず困っています。 実現したいことは、 人の顔の画像（gif画像）の鼻や口や目にカーソルを合わせたときにその部分だけ変化させたい、ということです。 クリッカブルマップで多角形を指定している場合その部分だけの変化というのはできないのでしょうか？ flashならできるという情報は見たのですがjavascriptを使って考えています。 宜しくお願いします。
- 締切済み
- JavaScript
- クリッカブルマップのリンク先のウィンドウサイズを指定する方法
現在ホームページビルダー７を使って、 ホームページを作成しております。 あるページにクリッカブルマップを作りました。 そこで質問なのですが、クリッカブルマップで、ある画像をクリックすると、 新しいウィンドウが開くようになっているのですが、 その新たなウィンドウのサイズを指定することはできるのでしょうか。 具体的には、新たなウィンドウには600ｘ800の画像を表示したいので、 ウィンドウも600ｘ800か、それより少し大きいくらいにしたいのですが。 パソコンの環境は、 Windows XP home edition ホームページビルダー7 です。 宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト