Ergebnis 1 bis 2 von 2

Thema: Navigations Problem

  1. #1
    Agentin87
    Gast

    Standard Navigations Problem

    Hallo
    Ich erstelle grade ein Layout für eine Homepage und habe ein Problem mit einen Java-Script.

    Hier der Link zum Layout (noch lange nicht fertig) :
    http://sniperwolf1987.sn.funpic.de/test.html

    Wenn man mit der Maus über die grauen Button fährt öffnet sich darunter die Navigation. Leider habe ich aber nur 3 dieser Button und ich hätte gerne so ca. 10 Stück. Hab schon rumprobiert und umgeschrieben und so, dass aber leider nicht hinbekommen.

    Hier der Quelltext von dem Script :
    <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="show";
    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='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="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='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">

    </div>

    <div id="h1" style="position:absolute; left:610; top:35; width:100; height:25;z-index:2; visibility: visible">
    [img]navi.jpg[/img]
    </div>

    <div id="m1" style="position:absolute; left:610; top:60; width:100; height:100; z-index:3; visibility: hidden" >
    [img]tochter.jpg[/img]
    </div>

    <div id="h2" style="position:absolute; left:505; top:35; width:100; height:25; z-index:4; visibility: visible">
    [img]navi.jpg[/img]</div>

    <div id="m2" style="position:absolute; left:505; top:75; width:100; height:100; z-index:5; visibility: hidden">
    Punkt 1

    Punkt 2

    Punkt 3

    Punkt 4
    </div>

    <div id="h3" style="position:absolute; left:400; top:35; width:100; height:25; z-index:6">
    [img]navi.jpg[/img]
    </div>

    <div id="m3" style="position:absolute; left:400; top:75; width:100; height:100; z-index:7; visibility: hidden">
    Punkt 1

    Punkt 2

    Punkt 3

    Punkt 4
    </div>
    Weiß jemand was ich da machen muss?
    Ich wäre für Hilfe sehr dankbar.

    Liebe Grüße Agentin ^^
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    HTML Newbie
    Registriert seit
    27.08.2005
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das war ich.. hatte nur mein PW vergessen
    Problem hab ich immer noch.. jetzt hab ich auch gesehen das die im IE ganz anders ausgerichtet ist als im Firefox.. kann man da was gegen tun?

Ähnliche Themen

  1. Navigations Leiste wie ?
    Von kintaro im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 18.10.2007, 22:47
  2. Navigations-Menü Animiert???
    Von SHADOW im Forum Script-Archiv
    Antworten: 5
    Letzter Beitrag: 07.02.2006, 11:42
  3. Navigations-script
    Von Andreas Grambow im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 01.01.2005, 20:42
  4. Dringendes Problem mit Navigations-Frame
    Von Basti@DT125R im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 05.10.2004, 23:54
  5. Navigations Menü
    Von Newbee im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 10.09.2004, 14:24

Stichworte

Berechtigungen

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