- 締切済み
ツリーメニューのアニメーションについて
こんにちわ。 アニメーションのツリーメニューを自分のサイトで使用したいと考えております。 javascriptを参考に、取り込んでみましたが、FireFoxで動作しません。 どうやら、もともとFireFoxで動作していないようです。 このようなアニメーションのツリーメニューを使用しているサイト、ご存じの方がいましたら教えて頂けないでしょうか？ できればIE、FireFox、Opera、Safari で動作するものか ブラウザごとに使うjavascriptを分けているサイトを教えて頂けるとうれしいです。 宜しくお願いします
- ndsdg465
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数5
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
一般に「ツリーメニュー」といえばだいたいがこんなものではないでしょうか？ カラーリングやレイアウトで印象は変わりますが、しくみとしてはほぼ同じものです。 javascript ツリーメニュー で検索すれば、たくさんヒットします。 http://www.google.com/search?q=javascript+%e3%83%84%e3%83%aa%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc
関連するQ&A
- ツリーメニューについて
フレームページで、JavaScriptで文字(下の場合は「親メニュー」)クリックすると 開閉するツリーメニューを使用したいと思っています(フレームあり・なしは訪問者の自由で選べるようにしています)。 http://himajin.moo.jp/menu/menu.html ここや、 http://www.openspc2.org/reibun/javascript/#8 こちらの05・06・63などを参考にして、 自分なりにシンプルに変更してみたのですが、記述に問題点などはありますでしょうか？ 以下が、そのソースです(簡略化しています)。 <html> <head> <script type="text/JavaScript"> <!-- function treeMenu(tName) { tMenu = document.getElementById(tName).style; if(tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; } //--> </script> </head> <body> <a href="JavaScript:treeMenu('treeMenu1')">親メニュー</a> <div id="treeMenu1" style="display:none"> <li><a href="a.html" target="main">子メニュー</a></li> <li><a href="b.html" target="main">子メニュー</a></li> </body> </html> また、「document.all」はIE専用だと聞いたので「document.getElementById」 に変更してみたのですが、これでほかのブラウザでも問題は無く使用できますか？ JavaScriptは初めてなのであまり自信がありません。 IEとFirefoxでは動作確認済みです。よろしくお願いします。
- ベストアンサー
- JavaScript
- 画像を使用したツリーメニュー
jsを使用しツリーメニューを作ろうと思っているのですが 希望のものとしてはツリーが閉じている場合は＋の画像を表示し クリックしツリーが開いている場合は－の画像が表示されるものに したいと思っております。 知識がないもので検索してみたのですが画像の切り替わるツリー メニューのサンプルがなかなか見つからず困惑しております。 そのようなサンプルや解説サイトなどご存知の方がおりましたら 是非教えてください。 できればieだけじゃなく主要ブラウザで動作するものが希望です。 宜しくお願い致します。
- 締切済み
- JavaScript
- ツリーメニューでのcookieの使用方法
いつもお世話になっております。 毎回丁寧なご回答、本当にありがとうございます。 現在、JavaScriptを利用し、ツリーメニューを作成しているのですが、 次のページに行った際や戻った際、更新を押した際に、 先程まで開いていたツリーメニューが、閉じてしまわないように、 cookieを利用し開いた状態に保ちたいと思っております。 一応、参考になるサイトがあり出来たことは出来たのですが、 そちらの方法を利用すると上記の操作を行った際に、 全てのメニューが一瞬開いてしまう現象が起きてしまいます。 一瞬全て開いた後には先程までのメニューはちゃんと記憶され開いた状態です。 今回、この「全てのメニューが一瞬開いてしまう」といのを、 なんとか直したいと思っております。 またその他に、出来る限りのブラウザに対応させたいと思っております。 JavaScriptが有効なブラウザの場合は通常通りのツリーメニュー、 無効な場合は全てが展開された状態のメニュー等。 目標としてはPCショップのドスパラ様のようなツリーメニューにしたいと思っております。 なを、メニュー部は更新の手間等を考え、 SSIを使用しインクルードしており、外部ファイルにしております。 このJavaScriptに限らず、別なJavaScriptでも結構ですので、 具体的なサイトやJavaScript自体をお書き頂けると幸いです。 今回使用したJavaScriptを作成した作者様にも伺っているのですが、 まだ返答は得られておらず、当方でも出来る限り急ぎで対処したいため、 誠に勝手ながらこちらに質問させていただきました。 何卒宜しくお願いいたします。 なお、確認ブラウザはWinXP SP2 ＆ IE6.0とFirefox2.0とNetscape 7.1です。 一応、現在参照しているJavaScriptのページを下記に記載いたします。 http://himajin.moo.jp/menu/menu1.html
- ベストアンサー
- JavaScript
- ツリーメニューについて質問です。
ツリーメニューについて質問です。 いくつかのサイトを参考にし、コピー＆ペーストでjavascriptを使ってツリーメニューを作成したのですが、ツリーメニューが展開された状態で表示されてしまいます。 閉じた状態で表示したいのですが、どうすればいいでしょうか。 ここにソースを載せようと思いましたが入りませんでしたので、載せられません。 主に参考にしたのは、このサイトです。 http://himajin.moo.jp/java/menu2.html このサイトのものに何を足せば良い、とかそのようなソースが載っているサイトがもしあれば教えてほしいです。 よろしくお願いします。 ちなみに私は超初心者です＞＜
- ベストアンサー
- JavaScript
- ツリーメニューについて
私はクリックすると下に文字が出るツリーメニューを使ったのですが クリックすると下に文字が出、かつフレームで二分割した右側に他のページを表示させる方法が知りたいです。 拙い説明で申し訳ありません。 HTMLタグは大体は理解していると思います。javascriptはまだよく分かっていません。 ツリーメニューも付け焼刃で使っています。 なので、参考にできそうなサイト様をお教えいただくか もしくは細かく説明していただけるとありがたいです。 サイトのURL：http://artclub.ojaru.jp/frame.html よろしくお願いします。
- ベストアンサー
- JavaScript
- 戻ってきた時ツリーメニューが開いているようにクッキーを保存させたい
タイトルの通り、開いたツリーメニューからリンクを踏んで、またメニューのあるページに戻ってきた時にメニューを開いたままにしたいです。 色々と調べるうちにcookieを使うことはわかったのですが、どこもツリーメニューの方法が違うため載っているソースのどこを弄れば自分の使ったツリーメニューに対応させられるのかわかりませんでした。 javascriptを切った状態では開いたまま表示させたいので、ツリーメニューのソースは以下を参考にさせていただきました。 http://blog.ptlabo.net/index.php?id=06100064 これを利用して「戻ってきた時ツリーメニューを開いた状態に」することはできますか？ できない場合、 ・cssオン、javascriptオフの状態では開いている ・ブラウザバックしたときに開いている この条件に合うツリーメニューであれば何でも良いのでお教えいただきたいです。 初心者ですので詳細にご教授いただければ幸いです。 よろしくお願いします。
- 締切済み
- JavaScript
- ツリーメニューの参考サイト
いつもこちらでお世話になっております。 妊娠9ヶ月を終えようとしているにも関わらず仕事をしております。 どうしても産む前に終わらせなければならない仕事があるのです。 是非、皆様のお力を借りたいと思っております。 JavaScritp、DHTMLの超初心者なのですがツリーメニューを作成しています。以下のサイトを参考にしています。（左側メニュー） http://www.premama.jp/hyakka/ninshin/mm08.html 2枚の画像（ON,OFF）を使ったツリーメニューを探しているのですがなかなか参考サイトを見つけられず。。。 ここのサイトを参考にしているのですがうまく動作せず、他にもいろいろなサイトを見てみようと探しているのですがなかなか見つからず。もしご存知のサイトがございましたら教えていただけたらと思います。先に進まず、ずっとてこづっております。。。 勉強不足と痛感しております。
- ベストアンサー
- JavaScript
- IE7でだけ作ったメニューが表示されません。
サイトを作っているのですが、IE7でだけHOMEやImageなどのメニューが表示されません。safari,firefox,operaでは表示されました。 どうしたら表示できるのでしょうか？ またここはこうした方がいいなどHTML,CSSのアドバイスなどもして頂けるとうれしいです。 よろしくお願いします。
- ベストアンサー
- HTML
- メニューにアニメーションポップアップをつけるには
このサイト http://azupiano.net/ のコンテンツメニューで、メニューにマウスポインタを置くと そのメニューについてのポップアップがアニメーションで表示 されます。この機能を実現したいのですが、実現するのに参考 にするサイトはないでしょうか？ Javaは結構やりこんだんですが、JavaScriptはまったくやった ことがなくて、この機能かっこいいなぁと思ってやりたくなり ました。そのあたりも考慮した参考サイト教えてください。
- ベストアンサー
- JavaScript
- メニューバーの隠し方。
フリーブラウザfirefoxについての質問です。 画面最上部に存在するメニューバーなるものを隠したいのですが、どうしても方法がわかりません。IE8やoperaなどは、チェックマークを外すだけで簡単に隠せるように設計されているようですが、firefoxだけは違うような気がします。 どなたか、メニューバーの隠し方をご存じの方がいらっしゃいましたら、是非とも教えてください。 よろしくお願いします。
- ベストアンサー
- ブラウザ
お礼
主です。 ご回答ありがとうございます。 自分の投稿に参考URLを貼っておいたのですが それが女性の高収入求人(いわゆる風俗の求人？)のリンクだったのでgooに削除されてしまいました。 『javascript ツリーメニュー』でググってみました。 ここで出てくるサンプルは理解できたのですが、クリックし、展開する時にアニメーションにしたいのです。 参考URLを貼りたいのですが削除されてしまうので、 http://yahoo.com の 右側の"Mail"や"Messenger"にマウスオーバーした時のように動かしたいということです。 どこかご存じのサイトがありましたらお願い致します。