アドバイスお願いします -今　メニューバーを製作しています検索サイト１ -

メニューバーを製作しています　

今　メニューバーを製作しています検索サイト１検索サイト２検索サイト３すべて、サイドページ付ですここまでコピーや改造で出来ました解らない事１　検索サイト１をクリックし次に検索サイト２をクリックした時に検索サイト１が　　自動で閉まる用にしたいのですが、上手く出来ませんアドバイスを願いします JavaScript・HTML・ｓｃｃ　ソースですよろしくお願いします <script Language="JavaScript"></script> </HEAD> <BODY bgcolor="white"> <div><A href="javaScript:exMenu('treeMenu')">＋■検索サイト1</A><br> <div id="treeMenu" style="display:none">├<A href="http://www.yahoo.co.jp/">Yahoo!</A><br> ├<A href="http://www.goo.ne.jp/">Goo</A><br> └<A href="http://www.lycos.co.jp/">Lycos</A><br> </div> <A href="javaScript:exMenu('treeMenu1')">＋■検索サイト2</A><br> <div id="treeMenu1" style="display:none">├<A href="http://www.yahoo.co.jp/">Yahoo!</A><br> ├<A href="http://www.goo.ne.jp/">Goo</A><br> └<A href="http://www.lycos.co.jp/">Lycos</A><br> </div> <A href="javaScript:exMenu('treeMenu2')">＋■検索サイト3</A><br> <div id="treeMenu2" style="display:none"> ├<A href="http://www.yahoo.co.jp/">Yahoo!</A><br> ├<A href="http://www.goo.ne.jp/">Goo</A><br> └<A href="http://www.lycos.co.jp/">Lycos</A><br> </div> </div>

メニューのツリー化でfirefoxｓでjavascriptが動作しません。

メニューのツリー化をしようと思い、以下のサンプルを使用しました。 IEでは問題なく動くのですが、Firefoxでは動作しません。恐らくネットスケープでも動作しないと思います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>クリックするとツリーメニューを表示する（１つだけ展開し後はたたむ）</title> <script Language="JavaScript"></script> </head> <body bgcolor="white"> <a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト１<br> <div id="treeMenu1" style="display:none"> ├<a href="">Yahoo!</a><br> ├<a href="" >Goo</a><br> └<a href="">Lycos</a><br> </div> <a href="javaScript:exMenu('treeMenu2')">＋</a>■検索サイト２<br> <div id="treeMenu2" style="display:none"> ├<a href="">Infoseek</a><br> ├<a href="" >Google</a><br> └<a href="">Kids Goo</a><br> </div> <a href="javaScript:exMenu('treeMenu3')">＋</a>■検索サイト３<br> <div id="treeMenu3" style="display:none"> ├<a href="">Excite</a><br> └<a href="" >MSN</a><br> </div> </body> </html> 1行目の<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> を消去して、<html>から書き始めれば、firefoxでも動くのですが、DOCTYPE宣言をしていても動くようにしたいと思います。どなたかアドバイスをよろしくお願いいたします。

displayの状態を取得したい

下記で表示の切替えをしていますが、クリックした後の時点で「★」が見えているかどうかを取得する方法を教えて下さい。下記の中にヒント・回答があるのかもしれませんが、素人のため、わからず・・。 <SCRIPT language=JavaScript> function exMenu(tName) { tMenu = document.all[tName].style; if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; } // --></script> <a href="javaScript:exMenu('treeMenu')">＋</a>表示切替 <div id="treeMenu" style="display:none"> ★ </div>

階層ツリーについて

■検索サイト<br> <a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト１<br> <div id="treeMenu1" style="display:none"> ├<a href="http://www.yahoo.co.jp/">Yahoo!</a><br> ├<a href="http://www.goo.ne.jp/" >Goo</a><br> ├<a href="http://www.lycos.co.jp/">Lycos</a><br> └<a href="javaScript:exMenu('treeMenu2')">＋</a>■検索サイト２<br> <div id="treeMenu2" style="display:none"> 　　├<a href="http://www.infoseek.co.jp/">Infoseek</a><br> 　　├<a href="http://www.google.com/" >Google</a><br> 　　└<a href="http://kids.goo.ne.jp/">Kids Goo</a><br> </div> </div> このように書いているのですが、検索サイト2←これもクリックし、リンクできるようにしたいのですが、どのように書いたらできますか？教えてください。よろしくお願いいたします。

３階層メニューについての質問です。

元の文字　→あ　　→Ａ　　→Ｂ　→い　　→Ｃ　　→Ｄ「元の文字」をクリックすると「あ」「い」が同時に出現。「あ」をクリックすると「Ａ」「Ｂ」が出現。となるようにしたいのですが、 <HEAD>～</HEAD>内↓ <SCRIPT language="JavaScript">  </SCRIPT> <BODY>～</BODY>内↓ <A href="javaScript:treeMenu('treeMenu1')">元の文字</A><br> <DIV id="treeMenu1" style="display:none"> <br> <A style="color :white;" href="javaScript:treeMenu('treeMenu2')"> 　　あ</A><br> <DIV id="treeMenu2" style="display:none"> 　　<A style="color : red;" href="＊＊＊(←URL省略)">Ａ</A><BR> 　　<A style="color : red;" href="＊＊＊">Ｂ</A><BR> <br> <A style="color : white;" href="javaScript:treeMenu('treeMenu3')"> 　　い</A><br> <DIV id="treeMenu3" style="display:none"> 　　<A style="color : red;" href="＊＊＊">Ｃ</A><BR> 　　<A style="color : red;" href="＊＊＊">Ｄ</A><BR> </DIV> </DIV> </DIV> とすると、「元の文字」をクリックすると「あ」が出現。「あ」をクリックすると「Ａ」「Ｂ」「い」が出現となります。上記タグを少し変更して「あ」「い」を同時に出現させる方法を教えて頂きたいです。 treeMenu○部分の変更で、出来るかと思ったのですが、上手くいきませんでした。宜しくお願い致します。

階層ツリーの書き方

現在このように書いたのですが、＋の下に不要な下線がひょうじされてしまいます。それをなくし、ツリーが表示されたら、－が表示されてほしいのです。＋　－でツリーを操作できるようにしたいです。書き方、参照ページを教えてください。よろしくお願いいたします。 <body bgcolor="white"> ■検索サイト<br> <a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト１<br> <div id="treeMenu1" style="display:none"> ├<a href="http://www.yahoo.co.jp/">Yahoo!</a><br> ├<a href="http://www.goo.ne.jp/" >Goo</a><br> ├<a href="http://www.lycos.co.jp/">Lycos</a><br> └<a href="javaScript:exMenu('treeMenu2')">＋</a>■検索サイト２<br> <div id="treeMenu2" style="display:none"> 　　├<a href="http://www.infoseek.co.jp/">Infoseek</a><br> 　　├<a href="http://www.google.com/" >Google</a><br> 　　└<a href="http://kids.goo.ne.jp/">Kids Goo</a><br> </div> </div> </body>

JavaScriptを利用しツリーメニューを作成していますが、

JavaScriptを利用しツリーメニューを作成していますが、ページを飛んで戻ってくるとメニューが閉じてしまいます。更新を押した場合も同じです。それを開いた状態に保っておきたいのです。ちなみにソースは、 <HEAD> <SCRIPT language="JavaScript">  </SCRIPT> <HEAD> と最初に書いておいて、ツリーメニューを表示させたいところに、 <A href="javaScript:treeMenu('treeMenu1')">○○○</a><br> <DIV id="treeMenu1" style="display:none"> 　┣<A href="aaa.html">aaa</A><BR> 　┣<A href="bbb.html">bbb</A><BR> 　┗<A href="ccc.html">ccc</A><BR> </DIV> と書いてます。どこをどのように変えればよいですか？よろしくお願いします。また参考にさせて頂いたサイトも一緒に載せておきます。 http://javascript.eweb-design.com/0703_tm.html

JavaScriptで、タグを書き出す方法

フレ－ムを使わずにスタイルシ－トでメニュ－を表示する領域を指定して、その領域内にメニュ－（目次）を表示したいのですが、一度で全てを書きかえられるようにJavaScriptを外部ファイルにしてメニュ－が表示出来るようにしたいと思います。スタイルシ－トの部分では *{ font-size:12px; line-height;125%; } #menu{ padding-top:12px; padding-left:12px; position:absolute; top:110px; width:150px; background-color:#cc99cc } em{ font-style:normal; font-weight:400 } #ind1{ padding-left:12px } で、メニュ－を表示する領域等を決めています。 <body>～</body>の間では、 <div id="menu"> <script Language="JavaScript">  </script> <a href="javaScript:exMenu('treeMenu1')">１</a><br> <div id="treeMenu1" style="display:none"> <a href="javaScript:exMenu('treeMenu2')"><em id="ind1">１－１</em></a><br> <div id="treeMenu2" style="display:none"> <a href="1-1-1.html"><em id="ind1">１－１－１</em></a><br> <a href="1-1-2.html"><em id="ind1">１－１－２</em></a><br> </div> </div> でメニュ－を表示するようにしています。この<body>～</body>の間の部分を、 <div id="menu"> 外部ファイルのJavaScriptを呼び出すタグ </div> というようにして、外部ファイルのJavaScriptのみを書きかえるだけで全てのペ－ジのメニュ－が変えられるようにしたいと思います。この場合の、１：勝手に書いてくれる外部ファイルにするJavaScriptの記述のしかた２．１を呼び出すタグの記述を教えて下さい。

ツリーメニューを２個つづけると

JavaScriptで折りたたみメニュー

現在、JavaScriptを利用して折りたたみメニューを作成しました。 2つの項目の下にそれぞれ下層メニューがあり、各項目をクリックするごとに下層メニューが開いたり閉じたりできる状態なのですが、このどちらかの項目をクリックしたとき、その項目の下層メニューは表示されるが、もう一方の項目の下層メニューは閉じる。というようにするにはどうすればよいでしょうか？（両方の下層メニューが同時に開いている状態が無いように。）よろしくお願いいたします。【XHTML】 <ul> <li><a href="javascript:exMenu('treeMenu1')">項目1</a> <ul id="treeMenu1" style="display:none"> <li><a href="#">項目1-1</a></li> <li><a href="#">項目1-2</a></li> <li><a href="#">項目1-3</a></li> </ul> </li> <li><a href="javascript:exMenu('treeMenu2')">項目2</a> <ul id="treeMenu2" style="display:none"> <li><a href="#">項目2-1</a></li> <li><a href="#">項目2-2</a></li> <li><a href="#">項目2-3</a></li> </ul> </li> </ul> 【JavaScript】 function exMenu(tName) { tMenu = document.getElementById(tName).style; if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; }

FireFoxだけちゃんとうごいてくれないです

いつもお世話になっています。 Javascriptでメニューを閉じたり開いたりさせたくて難儀してます。 <script type="text/javascript">  </SCRIPT> <li class="li> <a href="javaScript:treeMenu('treeMenu')">メニュー</a> </li> <DIV id="treeMenu" style="display:none"> <li class="li_sub"> <a href="index.html">　小メニュー１　</A> </li> <li class="li_sub"> <a href="index.html">　小メニュー２　</A> </li> </DIV> こんな感じでクリックすると小メニューが出てさらにクリックで非表示になるようにしています。ＩＥ８やGoogleChromeですとうまくいきます。（Safariではまだ試していません。）が・・・ FireFox3ではウンともスンともいいません。記述自体がFirefox3では受け付けないのでしょうか？根本的に考え方が違うぞ！とかそういったご意見でもかまいません。どうかお助けください。よろしくお願いいたします。

引数の使い方について

以下はツリーメニューを表示するスクリプトです。 *********************************** <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title></title> <script>  </script> </head> <body> <a href="javascript:FUNC(div1)">ツリーメニュー</a> <div id="div1" style="display:none;"> <a href="#">aaaaaa</a><br> <a href="#">bbbbbb</a><br> <a href="#">cccccc</a><br> </div> </body> </html> *********************************** この場合、styleまでの階層を変数Tmenuに代入して、それ以後はその変数Tmenuを使用しているわけですが、変数Tmenuを宣言せずに、直接Tnameで階層を表現しようとしたらエラーになります。 (<script></script>内を以下のように記述した場合です)  なぜ引数をそのまま階層に使ったらエラーになるでしょうか? よろしくお願いします<(_ _)>

▲▲JavaScriptのツリーメニューについて▲▲

現在このような記述でツリーメニューを作っています trList = ["treeMenu1","treeMenu2","treeMenu3","treeMenu4","treeMenu5","treeMenu6","treeMenu7","treeMenu8"]; function exMenu(tName) { for (i=0; i<trList.length; i++) eval(trList[i]).style.display = "none"; tMenu = eval(tName).style; if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; } 本文は <img src="sozai/menu1.gif" alt="矢印" width="13" height="13"> <a href="javascript:exMenu('treeMenu1')">教会のご案内</a> <div id="treeMenu1" style="display:none" class="font_menu2"> <img src="sozai/menu2.gif" alt="矢印" width="9" height="9"> <a href="kyoukai_1_1.html" target="main">牧師・スタッフの紹介</a><br> <img src="sozai/menu2.gif" alt="矢印" width="9" height="9"> <a href="kyoukai_2_1.html" target="main">教会施設の紹介</a><br> <img src="sozai/menu2.gif" alt="矢印" width="9" height="9"> <a href="kyoukai_3_1.html" target="main">交通のご案内</a><br> <img src="sozai/menu2.gif" alt="矢印" width="9" height="9"> <a href="kyoukai_4_1.html" target="main">教会QandA</a> </div> こんな感じです☆多少こちらで決めたタグなども入っていますが…。テーブルを使って記述しています。上記を見まして、「教会のご案内」をクリックするとメニューが出てきます。もう一度「教会のご案内」をクリックすると表示されたメニューが表示されていない状態に戻すように表示をしたいんです。説明下手ですが、おわかりになる方タグなどを教えてくださいｖ(。・・。)

Javascriptでのツリーメニュー表示について

Javascriptを利用して、ホームページ上でツリーメニューを表示させようと思っています。以下のページのサンプルを元にしています。【解説ページ】http://www.openspc2.org/reibun/javascript/mouse/063/index.html 上記は、１ページ毎に記述するタイプでテキストベースとなっております。私は、はじめにツリーを展開するボタンをgif画像で作成し、それをクリックした際に画像の下にテキストベースのリンク文字が表示されるようにしたいと考えました。また、それらは外部のｊｓファイルでの管理をしたいと思います。まず、下記の構文を外部ｊｓファイルで作成し<head>内でファイルの読み込みを行いました。【↓clickmenu.js↓】 function exMenu(tName) { tMenu = document.getElementById(tName).style; if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; } 次に、下記のタグの部分も外部ｊｓファイルで読み込みたいと思っています。 <a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト<br>～</div>までこの実際のボタン部分も外部ｊｓで読み込みたいと思う理由は、ページ数が非常に多く、メニューの追加や削除を、１つのファイルでどうしても管理したいからです。フレームを利用せず、Javascriptでも同じ事が可能であることはわかったのですが、タグの部分がうまく外部ファイルにできなくて、表示が真っ白になってしまいます。 document.write('<a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト<br>'); のように、１行ずつ書いているのですが、hrefにjavaScriptを指定すると表示が消えてしまいます。必ずこの型でというわけではないのですが、何とかうまく外部ファイルでボタン部分を表示させる方法がありませんでしょうか。ご教授願います。

IE6,7で折りたたみメニューの状態を記憶

現在、下記のソースで折りたたみメニューを作っています。 var trList = new Array("treeMenu1","treeMenu2","treeMenu3","treeMenu4","treeMenu5","treeMenu6"); //　ツリーメニューのリスト function exMenu(tName) { for (i=0; i<trList.length; i++) document.getElementById(trList[i]).style.display = "none"; var tMenu=(document.all)?document.all(tName).style:document.getElementById(tName).style; (tMenu.display=='none')?tMenu.display="block":tMenu.display="none"; } このメニューで開いたリンク先に飛んで、ブラウザの戻るボタンで戻ったとき、開いていたメニューが開いたままになるようにしたいのですが、FireFox,Safariではうまくいくのですが、IE6,7では閉じてしまいます。なんとかならないでしょうか？

折りたたみメニューについて

<head> <script type="text/javascript">  </script> <style type="text/css">  </style> </head> <body onload="exMenu_close('treeMenu');"> <ul> <li id="menu"><a href="javaScript:exMenu('treeMenu')">LINK</a></li> </ul> <div id="treeMenu" style="display:block"> <ul> <li><a href="./page1.html" target="right">MENU1</a></li> <li><a href="./page2.html" target="right">MENU2</a></li> </ul> </div> 左がメニューで、右がメインページの左右にわけたフレームページを作成予定です。メニューには折りたたみメニューを使いたいと考えています。 http://www.flying-h.co.jp/faq/index.html ↑は折りたたみメニューではありませんが、イメージとしては同じような感じです。メニューをクリックすると、クリックしたメニューの色が変更され、維持します。そしてその下に新たなメニューが表示されます。説明下手ですみません、わかりにくい場合はHotmailのメニューをご覧いただくと分かりやすいかも知れません、クリックするとメニューの色が変わったままの状態を維持します。上記折りたたみメニューでは、hoverとactiveにimg2.gifを設定していますが、これではリンクとは異なる別の箇所をクリックすると元のimg.gifに戻ってしまいます。開かれたメニューの背景画像を常にimg2.gifにしたいのですが、方法がわかりません。 JavaScriptは自分で作るだけの知識がほとんどないため、配布されているものを探し回っていますが、見つかりませんでした。このようなメニューをご存知の方、参考サイト、又は、上記スクリプトをどのように改造すればいいのかお教えいただけないでしょうか。ちなみに、Hotmailのソースをみてみましたが、複雑すぎて自分の知識では解析不可能でした。お手数をおかけいたしますが、よろしくお願いいたします。

IEだけで動くツリー表示

はじめまして。 IEだけで動くツリー表示をしたいと思っています。ファイルを読み込んだとき、IEだけツリーの内容を閉じた状態で表示し、それ以外のものは開いた状態で、ツリーの動作をしなくても良いと思っています。一体どうすればいいでしょうか？？ -----------------------------ソース--------------------------------- <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script Language="JavaScript"></script> </head> <body bgcolor="#FFFFFF" Onload="check()"> <a href="javaScript:exMenu('treeMenu1')">タイトル</a> <div id="treeMenu1"> <table border=0 cellspacing=2 cellpadding=2 width="100%"> <tr bgcolor="#ffffff"> <td><font color="#808080"> <ul> <li>内容１ <li>内容２ <li>内容３ <li>内容４ <li>内容５ <li>内容６ </ul> </font></td> </tr> </table> </div> </body> </html>

ツリーメニューについて

フレームページで、JavaScriptで文字(下の場合は「親メニュー」)クリックすると開閉するツリーメニューを使用したいと思っています(フレームあり・なしは訪問者の自由で選べるようにしています)。 http://himajin.moo.jp/menu/menu.html ここや、 http://www.openspc2.org/reibun/javascript/#8　こちらの05・06・63などを参考にして、自分なりにシンプルに変更してみたのですが、記述に問題点などはありますでしょうか？以下が、そのソースです(簡略化しています)。 <html> <head> <script type="text/JavaScript">  </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では動作確認済みです。よろしくお願いします。

ツリー形式の選択　表示、非表示

項目が500程度ある中から10項目程度を選択するフォームを作っています。項目が多いため、細かくカテゴリ分けをしておきカテゴリをクリックすると選択項目を表示し、チェックさせるようにしようと思っていますが、下に記述したソースですと再度クリックすると選択項目すべてが非表示となってしまいます。それを非表示にしてもチェックした項目だけは表示できる方法はないでしょうか？ javascript・CSSは詳しくなく、難しいことは分からないんですがよい方法があれば教えてください。もっと選択が簡単分かりやすくできそうな方法でも大歓迎です。以下は、ツリー形式でカテゴリをクリックすると選択項目を表示したり非表示にしたりするソースです。 ------------------------- <HTML> <HEAD> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> <A href="javaScript:treeMenu(1)">+大カテゴリ</a><br> <DIV id="treeMenu1" style="display:none"> 　項目1<input type="checkbox" name="aaa[1]" value="1"><BR> 　項目2<input type="checkbox" name="aaa[2]" value="2"><BR> 　項目3<input type="checkbox" name="aaa[3]" value="3"><BR> 　項目4<input type="checkbox" name="aaa[4]" value="4"><BR> </DIV> </BODY> </HTML>

JavaScriptについて

現在、ホームページにてJavascriptのツリーメニューをつくっています。ここでメニューA・B・Cがあるとします。メニューAが開いているときにメニューBを押したらメニューAを閉じるようにしたいのです、どうすればいいか分かりません。現在の状態はこれです。 <SCRIPT language="JavaScript">  </SCRIPT>

アドバイスお願いします

みんなの回答

関連するQ&A

メニューバーを製作しています

メニューのツリー化でfirefoxｓでjavascriptが動作しません。

displayの状態を取得したい

階層ツリーについて

３階層メニューについての質問です。

階層ツリーの書き方

JavaScriptを利用しツリーメニューを作成していますが、

JavaScriptで、タグを書き出す方法

ツリーメニューを２個つづけると

JavaScriptで折りたたみメニュー

FireFoxだけちゃんとうごいてくれないです

引数の使い方について

▲▲JavaScriptのツリーメニューについて▲▲

Javascriptでのツリーメニュー表示について

IE6,7で折りたたみメニューの状態を記憶

折りたたみメニューについて

IEだけで動くツリー表示

ツリーメニューについて

ツリー形式の選択　表示、非表示

JavaScriptについて

注目のQ&A

カテゴリ

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

専門家に質問してみよう

アドバイスお願いします

みんなの回答

関連するQ&A

メニューバーを製作しています

メニューのツリー化でfirefoxｓでjavascriptが動作しません。

displayの状態を取得したい

階層ツリーについて

３階層メニューについての質問です。

階層ツリーの書き方

JavaScriptを利用しツリーメニューを作成していますが、

JavaScriptで、タグを書き出す方法

ツリーメニューを２個つづけると

JavaScriptで折りたたみメニュー

FireFoxだけちゃんとうごいてくれないです

引数の使い方について

▲▲JavaScriptのツリーメニューについて▲▲

Javascriptでのツリーメニュー表示について

IE6,7で折りたたみメニューの状態を記憶

折りたたみメニューについて

IEだけで動くツリー表示

ツリーメニューについて

ツリー形式の選択 表示、非表示

JavaScriptについて

注目のQ&A

カテゴリ

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

専門家に質問してみよう

メニューバーを製作しています　

ツリー形式の選択　表示、非表示