Avatar billede berner5300 Nybegynder
07. december 2011 - 09:39 Der er 1 løsning

Drop down menu med side emne

Hej

Jeg har fået lavet denne kode:
<html>
<head>
    <script type="text/javascript">
    var tick;
    function stop() {
          clearTimeout(tick);
    }
    function clock() {
        var ut=new Date();
        var h,m,s;
        var time="        ";
        h=ut.getHours();
        m=ut.getMinutes();
        s=ut.getSeconds();
        if(s<=9) s="0"+s;
        if(m<=9) m="0"+m;
        if(h<=9) h="0"+h;
        time+=h+":"+m+":"+s;
        document.getElementById('clock').innerHTML=time;
        tick=setTimeout("clock()",1000);
      }
    function vis(obj) {
          var menupunkt = obj.id;
        var umenupunkt = "umenu" + menupunkt;
        document.getElementById(umenupunkt).style.display = "block";
    }

    function skjul(obj) {
        var menupunkt = obj.id;
        var umenupunkt = "umenu" + menupunkt;
          document.getElementById(umenupunkt).style.display = "none";
    }
    </script>
    <style type='text/css'>
    .link, a.link {
          font-size: 14px;
        color: #000000;
        text-decoration: none;
    }

    .boks {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 20px;
        padding-left: 0px;
        float: left;
        position: relative;
    }

    .boks2 {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 20px;
        padding-left: 20px;
        min-width: 160px;
        background-color: #FFFFFF;
        float: left;
        position: relative;
    }

    .uboks {
          display: none;
          width: 120px;
          position: absolute;
          left: -1px;
    }
    </style>
</head>
<body>
<div id="menu1" class="boks" onmouseover="vis(this)" onmouseout="skjul(this)">
    <a href='#' class='link'><b>Mathias Bæk Bærentsen</b> <img src='includes/pil_ned.png' height='10px' width='10px' alt=''></a>
    <div id="umenumenu1" class="uboks">
        <div class="boks2">
            <a href="?side=" class="link">Afleveringsoversigt</a> <img src='includes/pil_hojre.png' height='10px' width='10px' alt=''>
        </div>
        <div class="boks2">
            <a href="?side=fravaer" class="link">Fraværsoversigt</a>
        </div>
        <div class="boks2">
            <a href="?side=SO2" class="link">SO2-oversigt</a>
        </div>
        <div class="boks2">
            <a href="?side=evel" class="link">Elev-manual (pdf)</a>
        </div>
    </div>
</div>
</body>
</html>

Hvordan kan jeg laver en ekstra underemne, så der kommer en ekstra dropdown menu..

http://gratisupload.dk/billede/thumb/670087/full/
Som i kan se på billedet, så har jeg tegnet en sort kasse der hvor der skal være en anden dropdown menu

Håber i forstår og vil hjælpe
Avatar billede berner5300 Nybegynder
08. december 2011 - 17:47 #1
Lukker den igen, jeg har fundet en løsning :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester