Menü

[schueler]

Hey Leute
ich hab ein Problem

und zwar hab ich hier ein Dropdownmenü dass sich wenn man auf den Link klickt öffnen sollte. Nun is es aber so dass der Menüpunkt beim Laden der Seite schon geöffnet ist ???

JavaScript

<script type="text/javascript">
   var last_shown;
   function menuShowHide(t, show_state)
   {
       nt = document.getElementById(t.parentNode.id.replace(/menuli/, "menuul"));
       if(typeof(show_state) == "undefined") {
           show_state = (nt.style.display == "none");
       }

       if(show_state && last_shown) last_shown.style.display = "none";

       nt.style.display = (show_state ? "" : "none");

       if(show_state) {
           last_shown = nt;
       }
   }
 </script>

Links

  <li id='menuli9100'><a onclick='menuShowHide(this);'>Menüpunkt </a></li>
  <ul id='menuul9100'>
  <li><a  href='#'>Punkt1</a></li>
  <li><a  href='#'>Punkt2</a></li>
  <li><a  href='#'>Punkt3</a></li>
  <li><a  href='#'>Punkt4</a></li>
  </ul>

wäre nett wenn mir jemand helfen könnte

lg
schueler

 

[threadi]

Dann musst du per CSS festlegen, dass er nicht angezeigt wird. Beispiel:

li ul { display: none; }

 

[schueler]

ja danke
aber jz zeigts des gar nimmer an auch ned wenn ma dann draufklickt ??
lg

 

[Ti-Systems]

Kommt bei dir zuerst der Style- oder der JavaScript-Block ?

 

[schueler]

<style type="text/css">
<!--
#Layer1 {
    position:absolute;
    left:112px;
    top:4px;
    width:28px;
    height:29px;
    z-index:1;
    }
    
.none {
    display: none;
    }

ul {
    display: block;
    }
-->
</style>

<script type="text/javascript">
   var last_shown;
   function menuShowHide(t, show_state)
   {
       nt = document.getElementById(t.parentNode.id.replace(/menuli/, "menuul"));
       if(typeof(show_state) == "undefined") {
           show_state = (nt.style.display == "none");
       }

       if(show_state && last_shown) last_shown.style.display = "none";

       nt.style.display = (show_state ? "" : "none");

       if(show_state) {
           last_shown = nt;
       }
   }
</script>

zuerst der style block und dann der JavaScript block wenn du das meinst
lg

 

[Ti-Systems]

Mach mal so:
li ul {
display: none;
}

und wenn das auch nicht geht, dann gib doch mal ne id und mach es einfach mit #id {
display: none;
}

 

[schueler]

jo owa jz schaut des zerst so aus:

und nach dem anklicken erst so:

obwohl des ja umgekehrt sein sollte???
lg

 

[Ti-Systems]

Dann mach mal am Anfang bei display block rein.

 

[schueler]

ich weiß ned aber iwie geht des trotzdem ned ???
lg

 

[threadi]

Dein JavaScript-Code ist auch recht merkwürdig. Ich nehme an, den hast du irgendwoher kopiert? So wie der aufgebaut ist kann man nur etwas ausblenden, aber nicht wieder einblenden. Du müsstest den komplett neu schreiben, es geht auch einfacher als jetzt.

 

[schueler]

Ich nehme an, den hast du irgendwoher kopiert?

richtig *gg*
aber wie soll ich des dan genau machen mit JS kenn ich mich nämlich überhaupt ned aus ??
lg

 

[threadi]

Dann sollteste Du JavaScript lernen, z.B. mittels SELFHTML: JavaScript / Einführung in JavaScript - oder du probierst einige der vielen Beispielcodes (1, 2) durch bis eines für deinen Fall funktioniert.

 

[schueler]

jap werd ich machen

aber eine Frage hätt ich noch:
falls jemand JS deaktiviert hat würde der dass dann ja nie sehen oder??
weil es soll ja immerhin eine Navigation sein und wenn derjenige dass dann nicht sieht wär das schon blöd ???
lg

 

[HTML-Meister]

Ich meine, du solltest es mit Noscript machen. Dann mach für den User, der JS hat eben den JS, und für den User der es nicht aktiviert hat eine Noscriptaltanative bieten.