• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

js-menu...

S

slay1512

New member
hi, hab im archiv folgenden beitrag gefunden:

http://www.js-welt.de/index.php?_ma...&start=10&opencat=JavaScripts&artid=983230401

ist ein prima menu, allerdings will ich den text durch bilder ersetzen (das krieg ich ja noch hin), aber alle unterpunkte sollten sich ganz links unter menu 1 öffnen. hab einiges rumgewerkelt, aber irgendwie wird das nix :mad:

hat jemand ne idee, was ich da machen könnte??

(als zusammenfassung: 6 überpunkte, aber das sub-menu soll sich nur unter dem ersten öffnen--> je mit verschiedenen punkten wenn man über den überpunkt geht!)

mfg
david
 
PHP: 
<html><body><script language="JavaScript">

function clean ()
{
  if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt (0)<'5'))
  {
  window.document.b.visibility="hide";
  window.document.m1.visibility="hide";
  window.document.m2.visibility="hide";
  window.document.m3.visibility="hide";
  return;
  }
 if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
 layers[0].style.visibility='hidden';
 layers[2].style.visibility='hidden';
 layers[4].style.visibility='hidden';
 layers[6].style.visibility='hidden';
 return;
}

function menu (i)
{

switch(i)
 {
  case 1:
   {
    if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
     {
      window.document.b.visibility="show";
      window.document.m1.visibility="show";
      window.document.m2.visibility="hide";
      window.document.m3.visibility="hide";
     return;
     }
    if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
    layers[0].style.visibility='visible';
    layers[2].style.visibility='visible';
    layers[4].style.visibility='hidden';
    layers[6].style.visibility='hidden';
    return;
   }
  case 2:
   {
    if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
     {
     window.document.b.visibility="show";
     window.document.m1.visibility="hide";
     window.document.m2.visibility="show";
     window.document.m3.visibility="hide";
     return;
     }
    if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
    layers[0].style.visibility='visible';
    layers[2].style.visibility='hidden';
    layers[4].style.visibility='visible';
    layers[6].style.visibility='hidden';
    return;
   }
  case 3:
   {
    if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
     {
     window.document.b.visibility="show";
     window.document.m1.visibility="hide";
     window.document.m2.visibility="hide";
     window.document.m3.visibility="show";
     return;
     }
    if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
    layers[0].style.visibility='visible';
    layers[2].style.visibility='hidden';
    layers[4].style.visibility='hidden';
    layers[6].style.visibility='visible';
    return;
   }
 }

}
</script>

<div id="b" style="position:absolute; left:30; top:30; width:340; height:170; z-index:1; visibility: hidden">
<a href="#" onmouseover="clean()" onmouseout="clean()"> </a>
</div>

<div id="h1" style="position:absolute; left:50; top:50; width:100; height:25;z-index:2; visibility: visible">
<a href="#" onmouseover="menu(1)">Menu 1</a>
</div>

<div id="m1" style="position:absolute; left:50; top:75; width:100; height:100; z-index:3; visibility: hidden" >
<a href="#">Punkt 1a</a><br>
<a href="#">Punkt 2a</a><br>
<a href="#">Punkt 3a</a><br>
<a href="#">Punkt 4a</a>
</div>

<div id="h2" style="position:absolute; left:150; top:50; width:100; height:25; z-index:4; visibility: visible">
<a href="#" onmouseover="menu(2)">Menu 2</a></div>

<div id="m2" style="position:absolute; left:50; top:75; width:100; height:100; z-index:5; visibility: hidden">
<a href="#">Punkt 1b</a><br>
<a href="#">Punkt 2b</a><br>
<a href="#">Punkt 3b</a><br>
<a href="#">Punkt 4b</a>
</div>

<div id="h3" style="position:absolute; left:250; top:50; width:100; height:25; z-index:6">
<a href="#" onmouseover="menu(3)">Menu 3</a>
</div>

<div id="m3" style="position:absolute; left:50; top:75; width:100; height:100; z-index:7; visibility: hidden">
<a href="#">Punkt 1c</a><br>
<a href="#">Punkt 2c</a><br>
<a href="#">Punkt 3c</a><br>
<a href="#">Punkt 4c</a>
</div>


</body></html>
Das Submenü öffnet sich jetzt unter dem 1. Menüpunkt. Die weiteren Menüpunkte musst du noch hinzufügen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben