• 締切済み

プルダウン形式の選択ボックスとクイッカブルマップ

こんにちは。 いろいろ勉強させて頂いています。 早速質問なんですが、プルダウン形式の選択ボックスを使って、それに連動してマップ(JavaScrip使用)を引っ張ってくるまでは出来たのですが、 そのマップ自体を"クイッカブル マップ"にするためにはどのようなJavaScriptあるいはHTMLを書いたらいいのでしょうか? 宜しくお願いします。

みんなの回答

  • mam_00
  • ベストアンサー率50% (5/10)
回答No.1

こんばんは。 私もあまりよくわかっていないのですが、イメージマップ(クリッカブルマップ?)を作成する方法であれば、以下のようなもので動くと思います。 以下はあくまで例なので、適当に変更してください。 ------------------------------------------------------------------- <html lang=ja> <head></head> <body> <p> <img src="imagemap.jpg" usemap="#map1"> <map name="map1"> <area shape="rect" coords="5,5,20,20" href="./aa.html"> <area shape="rect" coords="25,5,30,20" href="./bb.html"> </map> </p> </body> </html> ------------------------------------------------------------------- イメージマップ(クリッカブルマップ?)は <map name="マップの名前"> から </map>までで指定します。 この中に、 <area>タグを使ってクリックできる領域を指定します。 <area shape="マップの形" coords="座標値" href="クリック時リンクアドレス"> マップの形:rect 又は circle 又は poly 座標値:  rectの場合、左上x座標,左上y座標,右下x座標,右下y座標を指定。  circleの場合、中心x座標,中心y座標,半径を指定。  polyの場合、1つ目の頂点のx座標,y座標,2つ目の頂点のx座標,y座標,・・・ です。

yaiyai
質問者

お礼

ご回答有難うございます。 私がうまく質問できなかったのが問題なのですが、 イメージマップの作成法は知っています。 ただその2つ以上のイメージマップをプルダウンメニュで フレームを使わないで引っ張ってくることは出来ないもの かと思っただけです。 これからもっと勉強してみます。 これからも宜しくお願いします。

関連するQ&A

  • プルダウンボックスの連動について

    プルダウンボックスで、ある項目を選択して、2つ目のプルダウンボックスで細かい内容を選択させる方法を教えてください。(JavaScript) 下の画像のように。

  • 2つのプルダウンボックスの連動について

    <SELECT><OPTION></OPTION></SELECT>タグで作るプルダウンボックスについて質問です。 AとBの二つのプルダウンボックスを設置し、Aで選択された項目に合わせて、Bの表示項目を変更させたいと思っています。 この2つのプルダウンボックスを連動させる方法について、JAVAスクリプトを使った方法を知りましたが、利用者がブラウザでJAVAを切っていた場合は正常に機能しないのでしょうか? 利用者がブラウザでJAVAを切っていた場合にも対応できる連動の方法があればぜひ教えてください。

    • ベストアンサー
    • HTML
  • プルダウンメニューからチェックボックスを表示したい

    php、javascript、mysqlを使用し、プルダウンで選択後、チェックボックスを表示させる仕組みを作りたいのですが、 どうすればよいのか分かりません。 どなたか力を貸して頂きたく思います。 例えば下記のようなTBLがあったとします。 ■TBL:oya  oyaコード  10  20  30 ■TBL:ko  oyaコード    koコード  10        1100  10        1200  10        1300  20        2100  20        2200  30        3100 TBL 「oya」 をプルダウンメニューにセット。 プルダウンメニューを選択する度にTBL 「ko」を呼び出し、同ページ内にチェックボックスとして表示させたいと考えています。 例) ・10が選択されたら  「1100」、「1200」、「1300」のチェックボックスを表示する プルダウンメニューへのセットは出来たのですが、プルダウン選択後の「ko」を呼び出す箇所が分かりません。 php Mysql javascript で実現したいと考えております。 サンプルページでもいいですので、何かありましたら教えて下さい。 お分かりになる方よろしくお願いいたします。

  • プルダウンかリストボックス

    携帯のブログの項目で プルダウン か リストボックス を設置したいのですが、どうもうまくいきません。 リストは作れても選択ボタンがうまく作れなかったり、 選択しても移動しなかったりしてしまいます。 HTMLの方式で書いているのですが、何度も考えてやっているのですが、結局リンクに飛ばなかったりしてしまいます。 どなたか教えてください。

  • プルダウン選択の連動

    6桁の数字を3つのプルダウンで表現しようと思います。1つ目の2桁の選択によって2つ目のプルダウンの数値が変更され、さらに2つ目のプルダウンの選択により3つ目のプルダウンの選択が変更される・・・。とても難しくてうまくいかないです。これってJavaScriptですかね?とても困っています教えてください!

  • プルダウン形式の選択欄に・・・

    プルダウン形式の選択欄にデータを2行表示する事って可能でしょうか? もしご存知の方がいましたら教えて下さい。

    • ベストアンサー
    • HTML
  • 当日から3日後がデフォルトの連動年月日プルダウン

    当日から3日後がデフォルトの連動年月日プルダウンを作成したいと思っております。 言語はPHPかJavaScriptを予定しています。 まず1つ目のプルダウンには当日から3日後~1か月程度の選択肢を、2つ目のプルダウンには1つ目のプルダウンで選択された日付の1日後~1か月程度の選択肢にしたいと考えています。 プルダウン(1) 2013-03-15 プルダウン(2) 2013-03-16 連動プルダウンのサンプルコードは手に入ったのですが、日付のプルダウンにするにはどうすれば良いかが全く分かりませんでしたので、質問させて頂きました。 すみませんが、どなたかサンプルなどをお教えいただけないでしょうか。 よろしくお願いいたします。

  • javascriptでのセレクトボックスについて。

    javascriptを使ったセレクトボックスについて教えてください。 教えてgooのカテゴリ選択のように、セレクトボックスでjavascripを使い、 一つめのselectボックスでは ・1 ・2 ・3 のオプションを選択可能に 二つめのselectボックスでは、 1が選択されたら ・1の1 ・1の2 ・1の3 のオプションを選択可能に 2が選択されたら ・2の1 ・2の2 ・2の3 を選択可能に 3が選択されたら ・3の1 ・3の2 ・3の3 を選択可能に と言う風にはどうすれば出来るでしょうか? 教えてください、お願いします。

  • IEにおけるプルダウン、テキストボックスの限界値

    1つのHTMLにおいてプルダウンやテキストボックスを事実上いくつまで許されるのでしょうか? 試しに100個ほどプルダウンを書くと、まずファイルを開く時にかなり時間がかかり、画面のスクロールでもスクロールにプルダウンがついてこない感じで画面が崩れます。テキストボックスではプルダウンほどではないのですが、このようなオブジェクトの定義の限界値ってどれくらいなのでしょうか? わかりにくい質問でスミマセン。

    • ベストアンサー
    • HTML
  • プルダウンボックスでのclickCount

    プルダウンボックスで選択されたときにclickCountをしたいのですが 書き方がわからずご存知の方おられましたら お教えいただきたいです

専門家に質問してみよう