追加メニューに関する質問

このQ&Aのポイント
  • 「追加メニュー(?)」について心配している質問者がいます。
  • 質問者は追加メニューが正常に動作するものの、隠れているテキストの位置が固定されていることに気付きました。
  • 質問者は、追加メニューを非表示にすると、上部のフォームとテキストの間に間ができてしまうことに不満を感じています。
回答を見る
  • ベストアンサー

追加メニュー(?) ・・の補足です。

こんばんは。「追加メニュー(?)」(http://okwave.jp/qa3930901.html)というタイトルの質問でお世話になった者です。そのときに回答してくださった方のサンプルは「まさにこれだ!完璧!」というもので大変喜んでいたのですが、いざ実装してみたところ、正常には動作するものの、少々気になる点が・・。隠れててもその下にあるテキストやらって位置が動かないじゃないですか。これじゃ隠してる意味がないのです。というわけで、もう一度補足として質問させていただきます。また訳の分からないことを言っていますが、イメージはこんな感じですってことで書いておきます。 [常時表示されているフォーム] [表示/非表示切り替えボタン] [非表示/表示が切り替わる部分] [常時表示されているフォーム]←上の「非表示/表示が切り替わる部分」というのが非表示になった場合、この「常時表示されているフォーム」と「非表示/表示が切り替わる部分」ってところに間が空いちゃうじゃないですか。これを非表示になったときに自動的に上にずれて、表示されたときはまた下に戻るように・・ということなんです。・・が。。分かりますかね?

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

  • ベストアンサー
  • auty
  • ベストアンサー率58% (284/486)
回答No.1

意図と合えばいいのですが、 以下のコードを参考にしてみてください。 ------------------------------------------------------------ <html> <head> <script language="JavaScript"> function test () { if(document.getElementById("SHOW").style.display == "none") { document.getElementById("SHOW").style.display = "block"; document.frm.btn.value = " オプション >> "; } else { document.getElementById("SHOW").style.display = "none"; document.frm.btn.value = " オプション << "; } } </script> </head> <body> <form name="frm"> <input type="checkbox"> 通常オプション <br> <input type="button" name="btn" value=" オプション >> " onClick="test();"> <div id="SHOW" style="display: none;"> 追加オプション: <br> <select name="sel"> <option> 1111 </option> <option> 2222 </option> <option> 3333 </option> </select> </div> <hr /> ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ </form> </body> </html>

Thund_Bird
質問者

お礼

わざわざ以前の質問を確認してそれにあわせてまでくれて、更にちょうど自分の意図にぴったり合っています。すばやいお返事、ありがとうございます!

関連するQ&A

  • セレクトメニューが表示されません。

    検索してみましたが、該当する回答が発見できなかったので、お願いします。 (もし、過去の質問と重複していたらすみません) フォームにセレクトメニューを設置してみたところ、 セレクトメニューが表示される部分に同ページ内の<div>で背景に設定してあるバナーが表示されてしまいます。 マウスオンでバナーの背景画像は消え、セレクトメニューが表示されるのですがリロードすると、またセレクトメニューの上にバナーの背景画像が表示されてしまいます。 ちなみに同じフォームに設置してあるラジオボタンは正常に表示されました。 お忙しいところお手数をおかけして申し訳ありませんが、ご回答のほどよろしくお願いします。

    • ベストアンサー
    • HTML
  • スタートメニューのアイコンを消したい

    XPで、スタートボタンを押すと出てくるスタートメニューについて質問です。 今、計13個のアイコンが表示されており、それが上下2つに区切られ、上に9つ、下に4つとなっております。 私の推測では、上の方は常時表示されるもの、下の方は最近使ったファイルが表示されるのではないかと思うのですが、上(常時表示)に不要なファイルが多数あり一覧から削除したいと思い 不要なアイコンの上で右クリック→この一覧から削除をしたのですが、一覧から消えたものもあれば、消えないものもあります。 また、上(常時表示)に9つもいらず、むしろ下(最近使ったファイル)をもっと多く表示させたいです。 スタートメニューに表示するプログラム数は、6にしているのに、なぜ4つしか出てこないのでしょうか? 恐らく上が9つもあるからだと思うのですが、消えないので困っています。 わかりにくい文章で申し訳ないですが、ご回答お待ちしております。

  • アクセス2002でメニューを消したい

    フォームを使用して、メインメニューを作ったのですが、そのフォームを開いた時に、一番上のメニューバーの消し方を教えてください。 ファイル(F)編集(E)表示(V)とか・・・

  • javascriptでなめらかなプルダウンメニューを

    javascriptを使ってFlashで作成したようななめらかな動きをするプルダウンメニューを 作成するのは出来るのでしょうか。 色々と調べてはいるのですが、下記サイトのサンプルのように クリックして直ぐにサブメニューが表示される、という方法は見つけられても 滑らかな動きを実現できる方法が見つかりません。 http://javascript.eweb-design.com/sample/s0701_1.html イメージとしては、 1.メニューをクリック 2.1秒後に上からズルズルっとサブメニューが表示される 3.メニューからマウスが離す 4.1秒後にズルズルっとサブメニューが上に戻る うまい表現方法が見つからず分りづらい質問となってしまいましたが アドバイスをいただけると助かります。宜しくお願いします。

  • タスクトレイから出したメニューの実行について

    ここを参考に作りました。 http://www.alpha-net.ne.jp/users2/uk413/vc/VCT_TaskTray.html <仕様> メインフォームはタスクバーにアプリが表示されないようにするため、非表示にした。 メインフォームの代わりにモードレスダイアログを主ウィンドウとした。 ダイアログクラスの中に、タスクトレイにアイコンを表示してメニューを出すコードを記述した。 このような場合において、 メニューの中のID_Myxxxの実装をクラスウィザードを使って行うとき、 ダイアログクラス内に書くと問題ありませんが、 クラスウィザードを使ってクラス名でCMainFrameを選んでもオブジェクトIDにID_Myxxxが表示されるので、CMainFrameクラスに書いてみましたが実行されません。 どうしてこうなるのですか? ************************** 非常に分かりにくくて済みません。 簡単に書くと、 ダイアログクラスでメニューを表示した場合、 メニューの実装をダイアログクラスに書くと問題ないですが、CMainFrameクラスに書くと実行されません。 どうしてなのでしょうか?

  • フォームを複数表示させる

    テキストボックスに入力した数値の分だけ フォームを表示させるスクリプトを作ってみたいと考えています イメージとしては↓ http://www.vividcode.info/sample/090817a.xhtml に近い感じですがこれに数値を入力してやることでまとめて 表示させてみたいです なにか比較的簡単な実装方法はありませんか? よろしくおねがいします!

  • onclickを利用した伸縮メニューの作成方法を教えてください。

    onclickを利用した伸縮メニューの作成方法を教えてください。 http://javascript123.seesaa.net/article/107467993.htmlさんののサンプルソースを基に自分なりのメニューができて非常に感謝しているのですが、もう2点改良したいのでどなたか教えてください。 (1):一番上のメニュー"画像 img "をクリックするとサブメニューが表示されるのですが、2番目のメニュー”ブログ カスタマイズ”を押した時に一番上のメニューが閉じずにそのまま”ブログ カスタマイズ”のサブメニューが表示して欲しいのです。3番目のメニュー"スタイルシート "も同じです。つまり1回目のクリックで開き次クリックするまで閉じないで欲しいのです。 (2):一番上のメニュー"画像 img "のサブメニューは常時開いたままで2つめ以降のメニューを(1)で書いたような動作はできないでしょうか? 改良すべきソース箇所とソースを詳細に教えてください。 よろしくお願いします。

  • 滑らかに開閉するメニューを作りたいのですが。

    自分で調べてみたのですが解決する事が出来ませんでしたので、どなたかお力を貸して下さい。 マウスのオン・オフで、隠れているメニューが閉じたり開いたりするものを作りたいのです。 http://hyper-text.org/archives/2006/12/slide_menu_javascript.shtml 上記のサンプルが非常に近いのですが、理想としては ・メニュー1 ・メニュー2 ・メニュー3 ・メニュー4 となっている場合、メニュー1にマウスを乗せると ・メニュー1  ・サブメニューA  ・サブメニューB  ・サブメニューC  ・サブメニューD と表示され、更にサブメニューAにマウスを乗せると ・メニュー1  ・サブメニューA   ・サブサブメニュー1   ・サブサブメニュー2   ・サブサブメニュー3 というような表示を滑らかな動きで閉じたり開いたりするように表示させたいのですが可能なのでしょうか? 参考サイト等ありましたら教えていただけると助かります。 以上宜しくお願いいたします。

  • 別ページからフォームへ移動したときにプルダウンの指定のメニューを自動選

    別ページからフォームへ移動したときにプルダウンの指定のメニューを自動選択したいです! メニューページのAというメニューから予約フォームへリンクしたときにフォームのプルダウンを自動で Aメニューを選択した状態で表示したいのですが、どうしたら出来るのかわかりません。 Javascriptかphpでサンプルや参考になるページがありましたら教えてください。

  • 追加記入もできるプルダウンメニューの作り方

    こんばんわ。 タイトルに書いたように、 普通のプルダウンメニュー(以下メニュー)ではなく追加でメニュー以外の値を 記入できるようなものを作りたいと思っているのですが、どうやってよいものか悩んでおります。 今、情報(名前、住所、生年月日等)を 入力するフォームを作っています。 最終的にはメールで送信することになります。 その中で誕生日の西暦部分をメニューにして作っていたのですが、 あまりに対象範囲が多く(1900年代前半~2002年まで) それらをリストとして表示するのはあまり好ましくないということがあり、 1960年以降をメニューにして、 1959年以前の方には、そこに記入してもらうような方法はできないかと考えています。 メニューですと、 <SELECT NAME="***"> <OPTION VALUE="1960">1960</OPTION> <OPTION VALUE="1961">1961</OPTION> ・ ・ </SELECT> などと書けますが、これに「INPUT TYPE」のようなものを併用して、 書き込んだ方の年号をVALUE値としてくれるようにできないものなのでしょうか? 例)***=1952(1952と記入したものがVALUE値として返ってくる) 自分で試してみたのですが、思った結果にはなりませんでした。 これを実現する良い方法を知っている方がいましたら、 教えていただけないでしょうか? どうぞよろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう