• ベストアンサー

プルダウンメニューを使ったＨＰを作りたい

こんにちわ まだまだ勉強中の者です。 気にいった形のＨＰがあったので、この様なＨＰが作りたいと悪戦苦闘しております。 近いJavaScriptは見つけたのですが、どうも同じような物が出来なくて行き詰りました。 探しているのは、メニューのところにマウスを持っていくと、複数の選択が出来るようにするリンクです。 リストボックスではかわいくないので、リストボックス風にはしたくありません。 気に入ったＨＰのＵＲＬを掲載させていただきます。 http://www.sanko-seika.co.jp/index.php?My_Session=0dd6a54bcf74d1b3dfa93811767acbaf 上記のＨＰの様なプルダウンメニューを作るには、どの様なjavaScriptを使用すると良いのでしょうか？ ＨＰ上のソースを見ても、よく分かりませんでした。 ＨＰは基本的にホームページビルダーで作成しております。 お力をお貸しください。お願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • 9arabi
  • ベストアンサー率32% (140/433)
回答No.3

No.2です ビルダーの機能だけで作るのは無理だと思います。 「ポップアップメニュー　ビルダー」とかで検索されるとどうですか。

参考URL：
http://www.hatena.ne.jp/1112877976
hayakko
質問者

お礼

ありがとうございました。 参照ＵＲＬを参考にし、自分なりにがんばってみたいと思います。 ビルダーだけでは限界があるんだと、今、痛感しています。

その他の回答 (2)

  • 9arabi
  • ベストアンサー率32% (140/433)
回答No.2

No.1の方の参考URLだと、FireFoxでは動きませんでした。 http://java.misty.ne.jp/popup_menu.html こういうのはどうですか。 他にも「ポップアップメニュー JavaScript」などで検索すると出てきます。

参考URL：
http://java.misty.ne.jp/popup_menu.html
hayakko
質問者

補足

ありがとうございます。 参照ＵＲＬ見てみました。 多分、JavaScriptをご存知の方にはわかりやすい説明だと思います。 まだ、駆け出しの為、この説明をホームページビルダーでどの様に活用していいか分からないのです。 未熟ですみません。 ビルダーでの活用方法まで教えていただけると助かります。

回答No.1

提示していただいたURLのメニューはうちでは表示が壊れてしまってましたが(^^; 恐らく参考URLにあるものかと。ソース表示で確認してみて下さい。

参考URL：
http://home.impress.co.jp/books/urawaza/tipsbook2/049/
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • HP作成　プルダウンメニュー　画像リンクからできますか？

    下記のようなプルダウンメニューをHPに設置したいのですが、 画像をクリックすることによって、下にプルダウンメニューが 現れるようなことは、可能でしょうか？ 「プルダウンメニュー」（JavaScript http://javascript.eweb-design.com/0701_pdm.html どうかよろしくお願いいたします。

  • HP制作　プルダウンメニューを使ったページ

    プルダウンメニュー1 赤 青 プルダウンメニュー2 黄 白 このようにプルダウンメニュー1と2から1つずつ色を選択して[結果]ボタンを押すと混ぜた結果どのような色になるかテキストボックスに表示される。 こんなようなページを作りたいのですが、色々と検索しても見つからず、最近HPを作り始めたばかりの初心者なので自分でコード(？)を組むこともできません。 ご教授お願いしますm(_ _)m

    • ベストアンサー
    • HTML
  • WORDでプルダウンメニューをつくりたいんですけど…

    wordでプルダウンメニューを作りたいのですが、コンボボックスのなかにリストを入れる方法がわかりません。プログラムは全く初心者なので簡単にできる方法はないでしょうか。よろしくお願いします。

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

    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のプルダウンメニューで文字を中央寄せにすることは可能でしょうか？ ページのレイアウト上、ボックスの幅を広くとっていて、 リストの文字が端によりすぎてしまうので、中央に表示したいのですが、 tableタグなどで使えるalignのようなものはないのでしょうか。 ご存知の方、教えていただけると助かります。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 複数のプルダウンメニューの作り方。

    質問内容に不備があったため再度質問させて頂きます。 前回答えて下さった方には大変ご迷惑をおかけします。 非常に多くのものを奇麗に見せたいのでプルダウンメニューがいいと思い、作りました。 ・Aリスト、Bリスト、Cリスト…とプルダウンメニュー（メニューを選ぶとアンカー先に飛ぶようにしたい）を複数含んだフォームを一つのhtmlに作ったのですが、動作しません。 一つのフォームに一つのプルダウンメニューは上手くいくのですが、Javascriptを二つ並べると動かなくなります。 とりあえず関数名を重複しない様にしたらいいという事だけはネットで調べてわかりました。 今は、下記の状態になっています。 list.html <script language="JavaScript"> <!-- function MENU(){ mySelect = document.myForm.myMenu.selectedIndex; location.href = document.myForm.myMenu.options[mySelect].value; } // --> </script> <form name="myForm"> <select name="myMenu" onChange="MENU()"> <option value="">A</option> <option value="list.html#a001">A001</option> <option value="list.html#a002">A002</option> <option value="list.html#a003">A003</option> </select> <select name="myMenu2" onChange="MENU()"> <option value="">B</option> <option value="list.html#b001">A001</option> <option value="list.html#b002">A002</option> <option value="list.html#b003">A003</option> </select> </form> <a id="a001" name="a001"></a>A001<br> <a id="a001" name="a002"></a>A002<br> <a id="a001" name="a003"></a>A003<br> <a id="a001" name="b001"></a>B001<br> <a id="a001" name="b002"></a>B002<br> <a id="a001" name="b003"></a>B003<br> あと、このように同じhtml内でのリンクになる場合は、optionのvalueのlist.htmlを省いてもいいのでしょうか？ 当方、Javascriptに関してはコピペでしか使えない程度の知識の人間です。 ご指南の程宜しくお願いします。

  • jQueryでプルダウンメニュー

    jQueryでプルダウンメニューを作ろうと思いまして、 とりあえず、リストにカーソルを合わせるとネストしたリストが表示されるようにしてみましたが、 うまく動きません。どうしてでしょうか？ ソースです↓ <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"> </script> <script type="text/javascript"> google.load("jquery", "1"); </script> <script type="text/javascript"> $(function(){ $(ul li).hover( function(){ $(this).children(ul).show();}, function(){ $(this).children(ul).hide();} ); }); </script> </head> <body> <ul> <li>MENU <ul style="display:none;"> <li>sub-MENU1</li> <li>sub-MENU2</li> </ul> </li> </ul> </body> </html>

  • テキストフィールドでのプルダウンメニュー

    テキストフィールド内で↓キーを押下すると、プルダウンメニューが表示される HPを良くみます。恐らく、JavaScriptにより実現していると思われますが、 サンプルソースあるいは参考URLを教えて下さい。これはIEのみ使用可能で ネスケは不可なのでしょうか？併せてお願いします

  • selectボックスのプルダウンメニューを上方向へ表示する方法

    すみません、どなたか教えて下さい。 selectボックスのプルダウンメニューを上方向へ表示することは可能でしょうか？ ハンディーターミナル用に開発しているのですが、ページ下の方にあるプルダウンを選択すると１度ページ移動？するため、プルダウンのメニューが表示されず、２度選択しないといけません。 JavaScriptで対応可能でしょうか？それとも何か別の対策があれば教えて下さい、よろしくお願いします。

  • 複数のプルダウンメニューの作り方。

    ・Aリスト、Bリスト…とプルダウンメニューを複数含んだフォームを一つのhtmlに作りたいのですが、上手くいきません。 一つのフォームに一つのプルダウンメニューは上手くいくのですが、Javascriptを二つ並べると動かなくなります。 とりあえず関数名を重複しない様にしたらいいという事だけはネットで調べてわかりました。 今は、下記の状態になっています。 <script language="JavaScript"> <!-- function MENU(){ mySelect = document.myForm.myMenu.selectedIndex; location.href = document.myForm.myMenu.options[mySelect].value; } // --> </script> <form name="myForm"> <select name="myMenu" onChange="MENU()"> <option value="">A</option> <option value="a001.html">A001</option> <option value="a002.html">A002</option> <option value="a003.html">A003</option> </select> <select name="myMenu2" onChange="MENU()"> <option value="">B</option> <option value="b001.html">B001</option> <option value="b002.html">B002</option> <option value="b003.html">B003</option> </select> </form> ご指南の程宜しくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する