- ベストアンサー
クリッカブルマップで都道府県の説明文へのリンクを作成する方法を教えてください
- 超初心者がＨＰ作成に挑戦中です。都道府県をクリッカブルマップで多角形で作成しました。クリックすると小ウインドのようなものが表示され、説明文とリンク先が表示されます。都道府県ごとに表示されるウインドの数も異なり、それに応じてウインドの大きさも変えたいです。また、ウインドの下には「閉じる」というラジオボタンを配置したいです。どのようなソースコードを書けば良いでしょうか？
- クリッカブルマップで都道府県ごとに説明文へのリンクを作成したいです。クリックすると小ウインドが表示され、その中に説明文とリンク先が表示されます。さらに、都道府県ごとに表示されるウインドの数も異なるため、ウインドの大きさも変えたいと思っています。ウインドの下には「閉じる」というラジオボタンを配置したいのですが、ソースコードが分かりません。どのように実装すれば良いですか？
- 初心者の私がＨＰ作成に取り組んでいます。クリッカブルマップで都道府県を多角形で作成しましたが、それぞれの都道府県をクリックすると小ウインドのようなものが表示され、説明文とリンク先が表示されるようにしたいです。また、都道府県ごとに表示されるウインドの数に応じて、ウインドの大きさも変えたいです。ウインドの下には「閉じる」というラジオボタンを配置したいですが、ソースコードがわかりません。どのようにすれば実現できますか？
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
件数によって自動的にサブウィンドウの大きさを変えるのはちょっと難しいですね。 というよりHTMLではできない気がします。 （スクロールをonにしておけば問題ないと思います。） とりあえずサブウィンドウの大きさ等を指定するには 下記を参照してください。 http://www.openspc2.org/reibun/javascript/sub_window/004/index.html 参考例： <SCRIPT language="JavaScript"> function NewWindow() { window.open("***.htm","***","width=300 height=400"); } </SCRIPT></HEAD> <BODY> <IMG src="***.gif" width="84" height="72" border="0" usemap="#****"> <MAP name="****"> <AREA href="JavaScript:NewWindow()" shape="rect" coords="54,11,79,52"> <AREA shape="default" nohref> </MAP> </BODY> ウィンドウを閉じるには <A href="javascript: window.close()">閉じる</A> 「ラジオボタンのようなもの」の意味が不明です。
その他の回答 (1)
>クリックするとそのすぐ右などにあのような 小窓が出てそこに説明分とリンクを貼りたいと考えております。 表示する位置を指定すればＯＫです。 left=**,top=**を追加します。 window.open("***.htm","***","width=300 height=400"); ↓ window.open("***.htm","***","width=300 height=400,left=10,top=30"); 閉じる <A href="javascript: window.close()"><IMG src="***.gif" alt="閉じる" width="**" height="**" border="0"></A>
お礼
ｄｏｃｏｎｉｍｏ様、またまたのご解答ありがとうございます♪ とりあえずですが出来ました♪ 作ろうとしているＨＰのイメージにかなり近づきました、 本当に感謝です。ありがとうございます。 全部の都道府県を埋めるのがちょっと大変ですけど 頑張って作ってみますね。
補足
ｄｏｃｏｎｉｍｏ様、早速ソースの記述を頂きありがとうございます。 なんとなくですが分かってきたように思います。 サブウインドウはこの方法しか無理でしょうか… と申しますのも、これだと左上にサブウインドウが 出るようになると思うのです…。 ａｌｔのテキスト記述した時のような感じといいましょうか、 可能ならばですが、クリックするとそのすぐ右などにあのような 小窓が出てそこに説明分とリンクを貼りたいと考えております。 “ラジオボタン”、大変失礼しました。単に“ボタン”です。 本を見ながらでしたので思いっきりの勘違いでした。