Ergebnis 1 bis 3 von 3
  1. #1
    ProMaster ist offline Tripel-As
    registriert
    06-03-2002
    Ort
    Deutschland
    Beiträge
    231

    Ich möchte das dieses Menü (siehe Code) wenn man dort nicht mit der maus drauf geht..

    ...auch wieder weg geht !
    und das man wenn es geht oben diesen kleinen Strich nicht mehr hat. Geht das ?
    Währe echt nett wenn mir jemand helfen könnte.






    <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 1</a><br>
    <a href="#">Punkt 2</a><br>
    <a href="#">Punkt 3</a><br>
    <a href="#">Punkt 4</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:150; top:75; width:100; height:100; z-index:5; visibility: hidden">
    <a href="#">Punkt 1</a><br>
    <a href="#">Punkt 2</a><br>
    <a href="#">Punkt 3</a><br>
    <a href="#">Punkt 4</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:250; top:75; width:100; height:100; z-index:7; visibility: hidden">
    <a href="#">Punkt 1</a><br>
    <a href="#">Punkt 2</a><br>
    <a href="#">Punkt 3</a><br>
    <a href="#">Punkt 4</a>
    </div>
    Wer mein Name kennt, weis wie ich heiße! & Manchmal ist billig auch nicht teuer

  2. #2
    Avatar von .holger
    .holger ist offline Lounge-Member
    registriert
    22-04-2001
    Ort
    HB und Zw'ahn
    Beiträge
    5.789
    1. welchen Strich?
    2. Das beste ist wenn Du bei nem mouseout überprüfst ob die MAus noch auf einem Element im Untermenü ist (dann natürlich nicht ausblenden) und wenn nicht blendest Du das Menü mit

    window.document."menüname".visibility="hide";

    aus.

  3. #3
    ProMaster ist offline Tripel-As
    registriert
    06-03-2002
    Ort
    Deutschland
    Beiträge
    231

    OK DANKE!

    Ich habe was neues Gefunden!
    Nur kann man auch mit diesem Menü (siehe ZIP), Popups verlinken ohne Menüleiste und unten die Statusleiste ?

    Das aufrufen des Menüs:
    <SCRIPT language=JavaScript1.2 src="coolmenus3.js"></SCRIPT>
    <SCRIPT language=JavaScript1.2 src="personalisation.js"></SCRIPT>


    Bitte um dringende Hilfe !!!
    Ich komme damit nicht ganz klar!
    Angehängte Dateien Angehängte Dateien
    • Dateityp: zip js.zip (14,8 KB, 6x aufgerufen)
    Wer mein Name kennt, weis wie ich heiße! & Manchmal ist billig auch nicht teuer

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •