Hej Udviklere
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..
Se her. 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