Avatar billede hqst Nybegynder
20. september 2002 - 10:05 Der er 2 kommentarer og
1 løsning

Menu som lukker når der klikkes på næste.

Gudaw.

Jeg har en Tree menu hvor jeg ønsker at den skal lukke den som står åben når der trykkes på en af de andre menu punkter. Her er kilde koden til en af menu punkterne jeg vil tro det er her der skal sætte noget ind. 

-------------------------------------------------------

       
          <TD class=tool id=headmenu onmouseout="menu('out','headmenu')" onmouseover="menu('over','headmenu')" width="250">&nbsp;<SPAN class=haand onclick="lag('headlag',document.images['headbil'])"><Img src="new-2.gif"></SPAN><BR>
            <DIV class=detail id=headlag style="DISPLAY: none">&nbsp;

<A class=detail href="link til filen">1</a><BR>&nbsp;
         
          </DIV></TD>

-------------------------------------------------------
Nogen som kan hjælpe ? Det vil hjælpe mig meget :D

//hQst
Avatar billede tarraq Nybegynder
20. september 2002 - 12:08 #1
Et link?
Avatar billede hqst Nybegynder
20. september 2002 - 12:32 #2
http://www.rolator.dk/  Bruger den. Så kan du se når du åbner alle menu punkterne bliver den lang. Det jeg vil have at den skal lukke det åbnet menu pukt når man trykker på et andet !
Avatar billede nikolajdu Nybegynder
20. september 2002 - 14:34 #3
<html>
  <head>
    <script language="javascript">
      <!--
   
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;


function showhide(menu){

if (ns6||ie5 && document.getElementById(menu).style.display=='none'||document.getElementById(menu).style.display=='undefined') {
          document.getElementById('menu1_sub').style.display='none';
          document.getElementById('menu2_sub').style.display='none';
          document.getElementById('menu3_sub').style.display='none';
          document.getElementById(menu).style.display='';
        }else if (ns6||ie5 && document.getElementById(menu).style.display==''){
        alert('hej igen')
        document.getElementById(menu).style.display='none'
    }else if (ie4 && document.all[menu].style.display=='none') {
          document.all['menu1_sub'].style.display='none';
          document.all['menu2_sub'].style.display='none';
          document.all['menu3_sub'].style.display='none';
          document.all[menu].style.display='';
        }else if (ie4 && document.all[menu].style.display==''){
        document.all[menu].style.display='none'
    }else if (ns4 && document.layers[menu].style.display=='none') {
          document.layers['menu1_sub'].style.display='none';
          document.layers['menu2_sub'].style.display='none';
          document.layers['menu3_sub'].style.display='none';
          document.layers[menu].style.display='';
        }else if (ns4 && document.layers[menu].style.display==''){
        document.layers[menu].style.display='none'
    } 
}
 
      -->
    </script>
  </head>

  <body>
 
  <a href="#" id="menu1" name="menu1" onClick="showhide('menu1_sub')" style="cursor:hand;">Vis Menu 1</a>
<br>
      <div id="menu1_sub" name="menu1_sub" style="display:none">
        <a href="#" target="_blank">aaasd</a><br>
        <a href="#" target="_blank">asda</a><br>
      </div>
    <a href="#" id="menu2" name="menu2" onClick="showhide('menu2_sub')" style="cursor:hand;">Vis Menu 2</a>
    <br>
      <div id="menu2_sub" name="menu2_sub" style="display:none">
        <a href="#" target="_blank">asda</a><br>
        <a href="#" target="_blank">asdad</a><br>
      </div>

    <a href="#" id="menu3" name="menu3" onClick="showhide('menu3_sub')" style="cursor:hand;">Vis Menu 3</a>
      <div id="menu3_sub" name="menu3_sub" style="display:none">
        <a href="#" target="_blank">asdad</a><br>
      </div>

  </body>
</html>

/Nikolaj
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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