Avatar billede Slettet bruger
17. juli 2005 - 19:53 Der er 2 kommentarer og
1 løsning

Treemenu udvidelse

Hejsa

Jeg har et lille problem med at få lavet min treemenu med Hovedmenu - Undermenu og til sidst links.
Den jeg har er fint, men mangler lige lidt. Har fundet den inde på www.rolator.dk

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>

<title>JavaScript TreeMenu</title>
<link href="style.css" rel="stylesheet">
<SCRIPT language=javascript src="menuscript.js" type=text/javascript></SCRIPT>
<base target="_self">

</head>

<body>

<!-- Menu start -->
<TABLE>
<TBODY>
  <TR>
    <TD align=left class=tool height="100%" vAlign=top width="172">
      <TABLE border=0 cellPadding=0 cellSpacing=0 width=250>
        <TBODY>

<!-- Head start -->
        <tr>

          <TD class=tool id=headmenu onmouseout="menu('out','headmenu')" onmouseover="menu('over','headmenu')" width="250">&nbsp;<IMG border=0 class=haand height=9 id=headbil onclick="lag('headlag',document.images['headbil'])" src="pics/plus.png" width=9>&nbsp;<SPAN class=haand onclick="lag('headlag',document.images['headbil'])">Hovedområder</SPAN><BR>
            <DIV class=detail id=headlag style="DISPLAY: none">&nbsp;
            <IMG border=0 height=9 src="pics/menupil.gif" width=9>&nbsp;<A class=detail href="link til filen">Navn på link 1 i lag head</a><BR>&nbsp;
            <IMG border=0 height=9 src="pics/menupil.gif" width=9>&nbsp;<A class=detail href="link til filen">Navn på link 2 i lag head</a><BR>&nbsp;
            <IMG border=0 height=9 src="pics/menupil.gif" width=9>&nbsp;<A class=detail href="link til filen">Navn på link 3 i lag head</a><BR>&nbsp;
            <IMG border=0 height=9 src="pics/menupil.gif" width=9>&nbsp;<A class=detail href="link til filen">Navn på link 4 i lag head</a><BR>&nbsp;
            <IMG border=0 height=9 src="pics/menupil.gif" width=9>&nbsp;<A class=detail href="link til filen">Navn på link 5 i lag head</a><BR>&nbsp;
            <IMG border=0 height=9 src="pics/menupil.gif" width=9>&nbsp;<A class=detail href="link til filen">Navn på link 6 i lag head</a><BR>&nbsp;
            <IMG border=0 height=9 src="pics/menupil.gif" width=9>&nbsp;<A class=detail href="link til filen">Navn på link 7 i lag head</a><BR>&nbsp;
            <IMG border=0 height=9 src="pics/menupil.gif" width=9>&nbsp;<A class=detail href="link til filen">Navn på link 8 i lag head</a>
            </DIV></TD>
        </tr>

<!-- Head slut -->

<!-- Test start -->
        <tr>
          <TD class=tool id=testmenu onmouseout="menu('out','testmenu')" onmouseover="menu('over','testmenu')" width="250">&nbsp;<IMG border=0 class=haand height=9 id=testbil onclick="lag('testlag',document.images['testbil'])" src="pics/plus.png" width=9>&nbsp;<SPAN class=haand onclick="lag('testlag',document.images['testbil'])">Gæstebog</SPAN><BR>
            <DIV class=detail id=testlag style="DISPLAY: none">&nbsp;
            <IMG border=0 height=9 src="pics/menupil.gif" width=9>&nbsp;<A class=detail href="link til filen">Navn på link 1 i lag test</a><BR>&nbsp;
            <IMG border=0 height=9 src="pics/menupil.gif" width=9>&nbsp;<A class=detail href="link til filen">Navn på link 2 i lag test</a>
            </DIV></TD>
        </tr>
<!-- Test slut -->
        </TBODY></TABLE></TD>
<!--- Denne lille stump kode, kan bruges til at folde et lag ud.
Denne stump herunder, vil folde laget "head" ud. --->
<script language="javascript" type="text/javascript">
lag('headlag',document.images['headbil']);
</script>
  </TR>
</TBODY>
</TABLE>
<!-- Menu slut -->
</body>
Avatar billede Slettet bruger
17. juli 2005 - 19:54 #1
Det jeg mener er at den har 2 punkter nu, mangler en undermappe, så jeg kan kører den ud til 3
Avatar billede Slettet bruger
17. juli 2005 - 19:59 #2
Her er lige koden til menuscript.js filen :
function lag(lagnavn, bil) // IE4+
{
if (document.all[lagnavn].style.display == 'none') {
    document.all[lagnavn].style.display = 'block';
    bil.src = 'pics/minus.png';
} else {
    document.all[lagnavn].style.display = 'none';
    bil.src = 'pics/plus.png';
}
}

function menu(action, menunavn)
{
if (action == "over") { document.all[menunavn].style.backgroundColor = "";}
if (action == "out") { document.all[menunavn].style.backgroundColor = ""; }
}

function skift(hvor, farve)
{
// husk # i kald til funktion
hvor.style.backgroundColor = farve;
}
Avatar billede Slettet bruger
18. april 2007 - 14:42 #3
ingen løsning fundet
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