Javascriptで凝ったメニュー作成の方法とは？
- Javascriptを使って凝ったメニューを作成する方法について教えてください。
- メニューA～Cを選ぶと別ウィンドウの選択画面が表示される凝ったメニューをJavascriptで作りたいです。
- メニューBを選択した場合、再度マウスオーバーしても選択された状態（赤色）のままにする方法を教えてください。
- ベストアンサー
ちょっと凝ったメニュー作成について
ちょっと凝ったメニューをJavascriptで作ろうと思っています。 1. メニューA 2. メニューB 3. メニューC メニューA～Cを選ぶと同じウィンドウの中の<div id="child-menu">で用意されたフィールドにそれぞれの別選択画面が出ます。 ここでメニューA～Cをマウスオーバーすると青に変わり、マウスクリックすると赤色に変わります。マウスクリックした際には上記のように別ウィンドウの選択画面が変化します。 この処理はa:hoverなどのスタイルシートでできますが、すでにメニューBをクリック済み（赤色に変化）で、再度マウスオーバーすると青色に変化してしまいます。この処理はスタイルシートを使って処理してからですが、すでに選択されたメニューに関してはマウスオーバーしても赤色のままにするにはどうしたらいいのでしょうか？ ご教授願います。説明が下手で申し訳ありません。
- goroneko-begin
- お礼率38% (62/159)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
＞ここでメニューA～Cをマウスオーバーすると青に変わり、 ＞マウスクリックすると赤色に変わります。 ＞すでに選択されたメニューに関してはマウスオーバーしても赤色のままにするにはどうしたらいいのでしょうか？ onclick="flag_a=true;this.style.color='red'" onmouseover="if(flag_a){this.style.color='red'}else{this.style.color='blue'}" onmouseout="if(flag_a){this.style.color='red'}else{this.style.color='black'}" これを各メニューのタグに記述、flag_a の変数名はメニューごとに変えておく ブラウザによっては、flag変数を先にglobal宣言しておく必要があるかも
関連するQ&A
- CSS を使わずにメニューボタンの文字色を変える
スタイルシートが使えませんので、html だけでメニューボタンに変化をつけたいのです。 クリックした時にボタンの色を変えることは出来たのですが、マウスポインタがボタンに乗った時点でメニューの文字色やボタンの色を変えることは出来ますか？ 「オンスクリーン、オフスクリーンのタグ文で簡単に出来る」と友達がおしえてくれたのですが、意味がわかりません。 どなたかわかる方、おしえてください。 よろしくお願いします。
- ベストアンサー
- HTML
- flashのメニュー作成について
FLASHでの作成になると思うのですが、メニュー（画像）にマウス、（マウスオーバー）を置くと、そのメニューについてちょっとした説明書きが出てきて、そのメニューをクリックするとリンク先のページへとぶようにする方法を勉強したいのですが、参考サイトなどがもしありましたら教えてくださいませんでしょうか。
- ベストアンサー
- ホームページ作成ソフト
- 【HP作成】プルダウンメニューを使ったページ作成について
プルダウンメニュー1 赤 青 プルダウンメニュー2 黄 白 このようにプルダウンメニュー1と2から1つずつ色を選択して[結果]ボタンを押すと混ぜた結果どのような色になるかページ内に表示される。 こんなようなページを作りたいのですが、色々と検索しても見つからず、最近HPを作り始めたばかりの初心者なので自分でコード(？)を組むこともできません。 ご教授お願いしますm(_ _)m
- ベストアンサー
- JavaScript
- カテゴリーメニュー？リンクで検索？を作りたい。
PHPで検索ページを作っています。 よく検索サイトでカテゴリーメニューがありクリックするとクリックした項目の一覧が表示されるものを作りたいです。 例えばMySQLのテーブル[商品]のフィールド[カラー]の中に、[赤]、[青]、[黄]があります。 ｜カラー｜大きさ |・・・・ | a | 赤 大 | b | 青 小 | c | 黄 大 | d | 赤 中 | e | 黄 中 これを <a href="******">赤</a> <a href="******">青</a> <a href="******">黄</a> 見たいな感じで、赤をクリックするとカラーが赤のレコードを表示、青をクリックしたらカラーが青のレコードを表示するようにしたいのですがどのようにしたら良いでしょうか。 ご教授お願いします。
- 締切済み
- MySQL
- スタイルシートでロールオーバーの小技を教えてください
スタイルシートでメニューを作りたいのですが、 メニューのボタンは画像にし、マウスをあてると別画像を呼び出す ロールオーバーはできたのですが以下のような動きは可能ですか？ ■・・・デフォルト画像 □・・・ロールオーバーでかわる画像 ＜デフォルト＞ ■メニューA■ ■メニューB■ ■メニューC■ ┣■メニューC-1■ ┣■メニューC-2■ ┗■メニューC-3■ ■メニューD■ ------------------------- ※「メニューC-1」や「メニューC-2」や「メニューC-3」にマウスを あてたときに、マウスがあたっているメニュー画像と親メニューの 「メニューC」の画像を同時にオールオーバーさせたいのです。 ＜「メニューC-2」にマウスをあてる＞ ■メニューA■ ■メニューB■ □メニューC□ ┣■メニューC-1■ ┣□メニューC-2□ ┗■メニューC-3■ ■メニューD■ ------------------------- ↑上記のように「メニューC-2」と同時に親の「メニューC」も オールオーバーさせたいです。 すみませんが、ご教授よろしくお願いいたします。
- ベストアンサー
- その他（プログラミング・開発）
- このメニューボタンをクリックして、このページを見てますよー、という意味の動作
お世話になります。 ビルダー１１で作成しております。 フレーム2分割のページ（ターゲットA,ターゲットB）があります。 ターゲットAに、各メニューアイコンが並べてあり、 マウスオーバー／アウト時に、画像が変化するようになっています。 メニューアイコンをクリックすると、ターゲットBの画面が変わる …と、ここまではいいのですが、その際、ポインタを動かすと、 マウスアウト時イベントが反応して、アイコン画像が元に戻ってしまいます。 ここで、アイコン画像を元に戻さないようにしたいのですが、 どのようにしたらよいでしょうか？ ※他のメニューアイコンがクリックされたときは、今のままの動作でＯＫ。 分かりにくいかもしれませんが、どうぞよろしくお願いいたします。 （これがわかれば、晴れてサイトが完成です。＞＜）
- 締切済み
- JavaScript
- エクセルの表作成について。
最近、エクセルを使うことが多くなったのですが、 分からないことが出てきたので質問させて頂きます。 『データの規則入力』で選択肢をいくつか出せるよう設定できたのですが… 例えば、「赤」という選択肢を選ぶと、セルに赤と書かれますが この時にセルの色も自動で赤くしたりはできないですか？ Aという選択肢を選ぶとセルは赤く Bを選ぶとセルは青に… いちいち右クリック等で色を変えていかないと駄目なんでしょうか？ 回答よろしくお願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- エクセルで別シートから一つのシートに低い数字を表示
エクセルで同一形式の８枚の別シートから１枚のシートへ一番価格が低いものを表示させたいんです。さらに表示させたシートの色に表示させる様にしたいです。 例 シート１ シート色赤 A 100 B 200 C 300 シート２ シート色青 A 200 B 100 C 300 シート３ シート色黄 A 300 B 200 C 100 合計シート A 100 赤 B 100 青 C 100 黄 数字だけでも表示できると助かるのですが やはり色もつけるとなるとマクロを組まないといけないのでしょうか？
- ベストアンサー
- オフィス系ソフト
- (VBA)TabStripのTabが選択時に
EXCEL2003 UserForm TabStripのTabを選択したときに 選択されたTabのみ 1）「背景色を変える」 ２）「タブ名の色を変える」 どちらか可能でしょうか？ tabNo = TabStrip1.Value Select Case tabNo Case 0 赤色の背景（または赤色のタブ文字） シート1を選択 処理1をする Case 1 青色の背景（または青色のタブ文字） シート２を選択 処理2をする みたいな感じで考えてるのですが・・・・ おおむね、処理内容では困ってないのですが ユーザーが 「どのタブを選択してるのかわかりにくい」 「いま選んでるタブの文字を赤色にしてくれないか」 との要望ありまして・・・ EXCELの仕様上、出来ない処理でしょうか？
- ベストアンサー
- その他MS Office製品
