Pietro: was deuetet diesen script bitte ?

Hallo,
in meine seite ist diesen script dabei (denke javascript,oder?)...

Mein problem: beim click auf den menu "kontakt" wird der restliche menu ausgeblendet. Das will ich nciht mehr; ich möchte doch dass den linke menu eingeblendet wird .....wie kann ich den script ändern ?

var zeiger;

function start()
{
    switch (zeiger) {
        case "ul1":
        var l2 = document.getElementById("ul2");
        if(l2 != null)
        {
            l2.style.display = "none";
        }
        break;

case "ul2":
        var l1 = document.getElementById("ul1");
        if(l1 != null)
        {
            l1.style.display = "none";
        }
        break;

default:
        var liste = document.getElementById("ul1");
        liste.style.display = "none";
        var l2 = document.getElementById("ul2");
        if(l2 != null)
        {
            l2.style.display = "none";
        }
        break;
        }
}

function lese(id)
{
    var liste = document.getElementById(id);
    if(zeiger != id)
    {
        liste.style.display = "block";
        zeiger = id;
    }else{
        liste.style.display = "none";
        zeiger ="";
    }
}

  1. Hi,

    überall wo

    display = "none";

    steht

    display = "block";

    hinschreiben. Oder gleich das ganze Script rausschmeißen...

    Gruß
    Antipitch

    1. Hallo,

      erstmal danke.
      Ich hatte das schonmal probiert hat aber nichts gebracht ? kann es sein ?

      mfg

      1. Hi Pietro,

        müsstest du den dazugehörigen HTML + CSS Code auch mal posten.

        Gruß
        Antipitch

        1. hi,
          hier den content aus menupunkt KONTAKT:

          <link rel="stylesheet" href="include/style.css" />
            <!--[if IE 6]>
            <link rel="stylesheet" href="include/ie6.css" />
            <![endif]-->
            <!--[if IE]>
            <link rel="stylesheet" href="include/ie.css" />
            <![endif]-->
            <!--[if lt IE 6]>
            <link rel="stylesheet" href="include/ie5.css" />
            <![endif]-->
          </head>

          <body>
          <div id="seite">
          <div id="logo"><a href="index.htm"><img src="img/logo.jpg" alt=""  /></a></div>

          <div id="navi_o">
              <ul>
                  <li><a href="Unternehmen.htm"><b>UNTERNEHMEN</b>&nbsp;|&nbsp;</a></li>
                  <li><a href="Dienstleistungen.htm"><b>DIENSTLEISTUNGEN</b> &nbsp;|&nbsp;</a></li>
                  <li><a href="Referenzen.htm"><b>REFERENZEN</b>&nbsp;|&nbsp;</a></li>
                  <li><span id="active"><b>KONTAKT</b></span></li>
              </ul>
          </div>

          <div id="menu">
              <ul>

          </ul>
          </div>

          und HIER aus den andere menupunkten wo der linke menu eingeblendet bleiben SOLL:

          <link rel="stylesheet" href="include/style.css" />
            <script type="text/javascript" src="include/script.js"></script>
            <!--[if IE 6]>
            <link rel="stylesheet" href="include/ie6.css" />
            <![endif]-->
            <!--[if IE]>
            <link rel="stylesheet" href="include/ie.css" />
            <![endif]-->
            <!--[if lt IE 6]>
            <link rel="stylesheet" href="include/ie5.css" />
            <![endif]-->
          </head>

          <body onload="start()" body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
          <div id="seite">
          <div id="logo"><a href="index.htm"><img src="img/logo.jpg" alt=""  /></a></div>

          <div id="navi_o">
              <ul>
                  <li><a href="Unternehmen.htm"><b>UNTERNEHMEN</b>&nbsp;|&nbsp;</a></li>
                  <li><a href="Dienstleistungen.htm"><b>DIENSTLEISTUNGEN</b> &nbsp;|&nbsp;</a></li>
                  <li><span id="active"><b>REFERENZEN</b>&nbsp;|&nbsp;</span></li>
                  <li><a href="Kontakt.htm"><b>KONTAKT</b></a></li>
              </ul>
          </div>

          <div id="menu">
              <ul>
                  <li><a href="javascript:void(0);" onclick="lese('ul1')"><b>PROJEKTE</b></a></li>
                  <ul id="ul1">
                    <li><a href="CURRENT.htm">CURRENT</a></li>
                    <li><a href="CLOSED.htm">CLOSED</a></li>
                  </ul>
                  <li><a href="Kontakt.htm"><b>KONTAKT</b></a></li>
              </ul>
          </div>

          <div id="content">

          CSS codes:

          body{
            height:100%;
            background-image: url(../img/palla rossa.png);
            background-repeat: no-repeat;
            background-position: top right;
            color: #444444;
            font-family: Verdana;
          }

          #seite{
            min-height:100%;
            height:auto !important;
            height:100%;
            position:absolute;
            top:0px;
            left: 0px;
            padding:0px;
            margin:0px;
            padding-bottom: 50px;
            width:100%;
          }

          /* Firmen Logo */
          #logo{
            width: 350px;
            height: 84px;
            background-repeat: no-repeat;
            position: absolute;
            top:80px;
            left:50px;
          }

          #logo img{
            border: none;
          }

          /* Oberer Navigazionsbereich */
          #navi_o{
            float:left;
            margin-top:325px;
            margin-left:200px;
            width:700px;
            height:21px;
            padding-left:50px;
            font-size: 14px;
          }

          #navi_o ul{
              list-style: none;
              margin:0px;
              padding:0px;
          }

          #navi_o ul li{
            float:left;
          }

          #navi_o ul li a{
            text-decoration: none;
            color: #444444;
              letter-spacing:0em
          }

          #navi_o ul li #active{
            color:#990000;
          }

          /* Menu auf der rechten Seite */

          #menu{
            font-size: 14px;
            clear:both;
            float:left;
            margin-top:75px;
            width:190px;
          }

          #menu li{
            list-style: none;
            padding-bottom:5px;
          }

          #menu li a{
            text-decoration: none;
            color:#444444;
            padding:10px 0px 10px 10px;
          }

          #menu li a:hover{
            color:#990000;
            background-image: url(../img/dot.png);
            background-position: center left;
            background-repeat:no-repeat;
          }

          #menu li #active{
            color:#990000;
            background-image: url(../img/dot2.gif);
            background-position: center left;

          background-repeat:no-repeat;
            padding-left:10px;
          }

          /* Inhalt der Seite */

          #content{
            float:left;
            margin-top:75px;
            margin-left:70px;
          width:70%;
            font-size: small;
          }

          /* News Bereich */
          #news{
            visibility: hidden;
            float:right;
            width:200px;
            min-height:300px;
          }

          #news #titel{
            text-align: center;
            font-weight: bold;
          }

          /* Fusszeile */
          #footer{
            z-index:1;
            position:absolute;
            bottom:0px;
            left:0px;
            height:15px;
            width:100%;
            margin-bottom:0px;
            padding-bottom:0px;
            font-size:9px;
          }

          #footer #foot_txt{
            z-index:5;
            float:right;
            margin-right:25px;
          }

          #footer a{
            color:#444444;
            text-decoration: none;
            padding-left:3px;
            padding-right:3px;
          }

          #footer a:hover{
            color: #990000;
          }

          #footer #h2o{
            float:left;
            padding-left:3px;
          }

          #ul1, #ul2{
            padding-left:5px;
            margin-top:3px;
          }