Autor Zpráva
Cup
Profil
Dobrý den

V js hodně plavu ...
chtěl bych se zeptat zda by mi někdo neporadil jak na toto

mám 3 úrovňové menu!
<menu class="sidemenu">
      <li><a href="/Uvod/">Úvod</a></li>
      <li><a href="/Clanek/455/asd-adasf/#dd">O Nás</a></li>
      <li><a href="/Navstevni-kniha/">Návštěvní kniha</a></li>
      <li><a href="/Hraci/">Hráči</a></li>
      <li><a href="/Vysledky/">Výsledky</a></li>
      <li><a href="/Tipovacka/">Tipovačka</a></li>
      <li><a href="/Statistiky/">Statistiky</a></li>
      <li><a href="Tym/Muzi-A/">Muži</a>
       <ul>
          <li><a href="/Tym/Muzi-A/">Muži - A </a>
            <ul>
              <li><a href="/Clanky/">Články</a></li>
              <li><a href="/Tym/Muzi-A/Hraci/">Hráči</a></li>
              <li><a href="/Tym/Muzi-A/Vysledky/">Výsledky</a></li>
              <li><a href="/Tym/Muzi-A/Statistiky/">Statistiky</a></li>
              <li><a href="/Tym/Muzi-A/Fotogalerie/">Fotogalerie</a></li>
              <li><a href="/Tym/Muzi-A/Videogalerie/">Videogalerie</a></li>
             </ul>
          </li>   
          <li><a href="/Tym/Muzi-B/">Muži - B </a>
           <ul>
              <li><a href="/Tym/Muzi-B/Clanky">Články</a></li>
              <li><a href="/Tym/Muzi-B/Hraci">Hráči</a></li>
              <li><a href="/Tym/Muzi-B/Vysledky">Výsledky</a></li>
              <li><a href="/Tym/Muzi-B/Statistiky">Statistiky</a></li>
              <li><a href="/Tym/Muzi-B/Fotogalerie">Fotogalerie</a></li>
              <li><a href="/Tym/Muzi-B/Videogalerie">Videogalerie</a></li>
             </ul>
         </li>   
         </ul>
       </li>
       <li><a href="T/ym/Dorost-st/">Dorost</a>
       <ul>
          <li><a href="/Tym/Dorost-st/">Dorost-st</a>
            <ul>
              <li><a href="/Clanky/">Články</a></li>
              <li><a href="/Tym/Dorost-st/Hraci/">Hráči</a></li>
              <li><a href="/Tym/Dorost-st/Vysledky/">Výsledky</a></li>
              <li><a href="/Tym/Dorost-st/Statistiky/">Statistiky</a></li>
              <li><a href="/Tym/Dorost-st/Fotogalerie/">Fotogalerie</a></li>
              <li><a href="/Tym/Dorost-st/Videogalerie/">Videogalerie</a></li>
             </ul>
          </li>   
          <li><a href="/Tym/Dorost-ml/">Dorost - ml </a>
           <ul>
              <li><a href="/Clanky/">Články</a></li>
              <li><a href="/Tym/Dorost-st/Hraci/">Hráči</a></li>
              <li><a href="/Tym/Dorost-st/Vysledky/">Výsledky</a></li>
              <li><a href="/Tym/Dorost-st/Statistiky/">Statistiky</a></li>
              <li><a href="/Tym/Dorost-st/Fotogalerie/">Fotogalerie</a></li>
              <li><a href="/Tym/Dorost-st/Videogalerie/">Videogalerie</a></li>
             </ul>
         </li>   
         </ul>
       </li>   
       <li><a href="/Fotogalerie/">Fotogalerie</a></li>
       <li><a href="/Videogalerie/">Videogalerie</a></li>
       <li><a href="/Ostatni/">Ostatní</a></li>  
       <li><a href="/O-webu/">O webu</a></li>  
    </menu>


a chtěl bych ty úrovně skrývat a odkrývat ... pravděpodobně bych to udělal pomocí js měněním hodnoty display:block; a display:none; ale nevím jak to udělat ... aby to nebylo závislé na počtu sekcí a podsekcí? ... vždy budou 3 úrovně ... 1. úroveň př: muži; 2.úroveň muzi-A; 3 úrověn ty odkazy .... chtěl bych to tak abych mezi tím mohl přeskakovat jak je libo .. na začátku bude vždy rozbalená nabídka uplně nahoře a jinak se bude prechazet pomocí javascrtiptu .. nevíte o nějakem kousku kodu někde na netu ... neco kde je takova ukazka? ... nebo popřípadě nasměrujte pár kroky jak na to (pokud je to vůbec možné)
panther
Profil
Cup
zkus si pohrát s tímhle.
habendorf
Profil
Pokud to má reagovat na klik, tak JS. Pokud na hover, JS bych do toho netahal.
Cup
Profil
habendorf
Ano na klik
Cup
Profil
Hele tak jsem něco sesmolil ... ale mám otázku jak to udělat ... když si otevřu jinou sekci stejné úrovně... aby se mi ostatní sekce stejné úrovně zavřely? ...

že budu mít vždy otevřenou pouze jednu větev v úrovni?

nějak tam připsat ... aby se všechny stejné úrovně zavřely a pouze ta na kterou jsme klikly zůstala otevřená ...

jo a počet těch menu a submenu je proměnný takže musím napsat něco co vygeneruje PHP a jeden JS který to bude ovládat ...

doufám že si alespoň dokážete představit co bych chtěl

Podaďte prosím ještě :)
  <script>
function FirstLevel(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}

function SecondLevel(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
</script>
<style>
h3 {cursor: pointer; cursor: hand; text-decoration: underline}
.skryvany {display: none}
</style>

...





<menu class="sidemenu">
		  <li><a href="/Uvod/">Úvod</a></li>
		  <li><a href="/Clanek/455/asd-adasf/#dd">O Nás</a></li>
		  <li><a href="/Navstevni-kniha/">Návštěvní kniha</a></li>
      <li><a href="/Hraci/">Hráči</a></li>
      <li><a href="/Vysledky/">Výsledky</a></li>
      <li><a href="/Tipovacka/">Tipovačka</a></li>
      <li><a href="/Statistiky/">Statistiky</a></li>
      <li><a href="#" onclick="FirstLevel('first1')" >Muži</a>
       <ul id="first1" class="skryvany">
          <li><a href="#" onclick="SecondLevel('sec1')">Muži - A </a>
            <ul  id="sec1" class="skryvany" >
              <li><a href="/Clanky/">Články</a></li>
              <li><a href="/Tym/Muzi-A/Hraci/">Hráči</a></li>
              <li><a href="/Tym/Muzi-A/Vysledky/">Výsledky</a></li>
              <li><a href="/Tym/Muzi-A/Statistiky/">Statistiky</a></li>
              <li><a href="/Tym/Muzi-A/Fotogalerie/">Fotogalerie</a></li>
              <li><a href="/Tym/Muzi-A/Videogalerie/">Videogalerie</a></li>
             </ul>
          </li>   
          <li><a href="#" onclick="SecondLevel('sec2')">Muži - B </a>
           <ul  id="sec2" class="skryvany" >
              <li><a href="/Tym/Muzi-B/Clanky">Články</a></li>
              <li><a href="/Tym/Muzi-B/Hraci">Hráči</a></li>
              <li><a href="/Tym/Muzi-B/Vysledky">Výsledky</a></li>
              <li><a href="/Tym/Muzi-B/Statistiky">Statistiky</a></li>
              <li><a href="/Tym/Muzi-B/Fotogalerie">Fotogalerie</a></li>
              <li><a href="/Tym/Muzi-B/Videogalerie">Videogalerie</a></li>
             </ul>
         </li>   
         </ul>
       </li>
       <li><a href="#"  onclick="FirstLevel('first2')"  >Dorost</a>
       <ul id="first2" class="skryvany" >
          <li><a href="#" onclick="SecondLevel('sec3')" >Dorost - st </a>
            <ul id="sec3" class="skryvany" >
              <li><a href="/Clanky/">Články</a></li>
              <li><a href="/Tym/Muzi-A/Hraci/">Hráči</a></li>
              <li><a href="/Tym/Muzi-A/Vysledky/">Výsledky</a></li>
              <li><a href="/Tym/Muzi-A/Statistiky/">Statistiky</a></li>
              <li><a href="/Tym/Muzi-A/Fotogalerie/">Fotogalerie</a></li>
              <li><a href="/Tym/Muzi-A/Videogalerie/">Videogalerie</a></li>
             </ul>
          </li>   
          <li><a href="#" onclick="SecondLevel('sec4')">Dorost - ml </a>
           <ul  id="sec4" class="skryvany" >
              <li><a href="/Tym/Muzi-B/Clanky">Články</a></li>
              <li><a href="/Tym/Muzi-B/Hraci">Hráči</a></li>
              <li><a href="/Tym/Muzi-B/Vysledky">Výsledky</a></li>
              <li><a href="/Tym/Muzi-B/Statistiky">Statistiky</a></li>
              <li><a href="/Tym/Muzi-B/Fotogalerie">Fotogalerie</a></li>
              <li><a href="/Tym/Muzi-B/Videogalerie">Videogalerie</a></li>
             </ul>
         </li>   
         </ul>
       </li>   
       <li><a href="/Fotogalerie/">Fotogalerie</a></li>
       <li><a href="/Videogalerie/">Videogalerie</a></li>
       <li><a href="/Ostatni/">Ostatní</a></li>  
       <li><a href="/O-webu/">O webu</a></li>  
    </menu>



tady jak jsem řešil to rozevírání menu ....

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: