Søg
Avatar billede tri Nybegynder
13. august 2002 - 19:49 Der er 4 kommentarer og
2 løsninger

Fold ud/ind Menu ?

AL netbank m.f. har på deres site en menu som jeg kunne tænke mig.
Da man skal være logget ind for at se den, har jeg blot taget et screen-shot, og lagt her:
http://www.friserverplads.dk/odds/al.jpg

Når man trykker på et punkt (f.eks. konti) så foldes der en række ekstra punkter ud. Når man trykker på konti igen, så foldes de ind igen.

Hvordan laver man det?
Eller kan jeg finde det færdigt lavet?
Avatar billede medions Nybegynder
13. august 2002 - 19:57 #1
<html>
<head>
        <script language="JavaScript">
            function showMnu(id) {
                var styleTjek = document.getElementById("mnu" + id).style.display;
                //alert(styleTjek);
               
                if (styleTjek == "inline") {
                    document.getElementById("mnu" + id).style.display = "none";
                }
                if (styleTjek == "none") {
                    document.getElementById("mnu" + id).style.display = "inline";
                }
            }
            function showLink(url) {
                alert(url);
            }
        </script>
    </head>
<body>
        <table>
            <tr>
                <td width="10"></td>
                <td>
                    <div style="Cursor:Hand; Font-Family:Verdana; Font-Size: 13px;" OnClick="showMnu(1);"><li>Hosting</div>
                        <div style="Cursor:Hand; Font-Family:Verdana; Font-Size: 11px;display:none;" id="mnu1">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-<span onClick="showLink('link1menu1')">Link1 Menu1</span><br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-<span onClick="showLink('link2menu1')">Link2 Menu1</span><br>
                    </div>
                    <div style="Cursor:Hand; Font-Family:Verdana; Font-Size: 13px;" OnClick="showMnu(2);"><li>Bestilling</div>
                        <div style="Cursor:Hand; Font-Family:Verdana; Font-Size: 11px;display:none;" id="mnu2">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-<span onClick="showLink('link1menu2')">Link1 Menu2</span><br>
                    </div>
                    <div style="Cursor:Hand; Font-Family:Verdana; Font-Size: 13px;" OnClick="showMnu(3);"><li>Kontakt</div>
                        <div style="Cursor:Hand; Font-Family:Verdana; Font-Size: 11px;display:none;" id="mnu3">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-<span onClick="showLink('link1menu3')">Link1 Menu3</span><br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-<span onClick="showLink('link2menu3')">Link2 Menu3</span><br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-<span onClick="showLink('Link3menu3')">Link3 Menu3</span><br>
                    </div>
                </td>
            </tr>
        </table>
</body>
</html>

//>Rune
Avatar billede tri Nybegynder
13. august 2002 - 20:00 #2
ok.
Kan du lave så menuen kommer til at ligne den på mit link?
Avatar billede klid Nybegynder
14. august 2002 - 12:41 #3
Lige med på en lytter - det er jo ganske interessant, og jeg er på jagt efter noget i den dur. Men virker det i såvel netscapeX.Y som IEX.Y - for nu ikke  at nævne 17 andre browserer?
Avatar billede medions Nybegynder
14. august 2002 - 15:39 #4
tri> Er ked at at sige det, men jeg har desvære ikke tid :-( -du kan jo oxo selv prøve, det er ret nemt når du har sat dig ind i koden..!

//>Rune
Avatar billede Slettet bruger
14. august 2002 - 16:20 #5
Verdens fedeste "folde-ud-menu" findes her:
http://www.dansteinman.com/dynduo/en/collapsemenu.html
Avatar billede medions Nybegynder
22. august 2002 - 07:40 #6
Thx 4 Poinz

//>Rune
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
White papers
Flere white papers »