Søg
Avatar billede mvk Nybegynder
18. oktober 2003 - 23:33 Der er 15 kommentarer og
1 løsning

hvordan kan jeg lave denne menu

hvordan kan jeg lave en menu som denne:

http://www.bolia.com/retail/category.asp?catalog_name=Furniture&category_name=Living&page=1&expand=$2$

det er det der med at den folder sig ud jeg ikke kan finde ud af...
Avatar billede eds Nybegynder
19. oktober 2003 - 00:20 #1
Hvad mener du med folder sig ud?
Avatar billede roenving Novice
19. oktober 2003 - 04:39 #2
Prøv at kigge på andre færdige menuer, f.eks.
http://www.dhtmlcentral.com/projects/coolmenus/
Avatar billede mvk Nybegynder
19. oktober 2003 - 11:53 #3
på forsiden er den bare super simpel med en onmouseover til baggrunden - når man klikker på et menupunkt 'folder' det sig ud...
Avatar billede Slettet bruger
19. oktober 2003 - 12:36 #4
Det kan laves væsentligt smartere end på den side, du har linket til. Se min tutorial om emnet her:
http://www.phoenixv.dk/artikler.html ("Foldemenu med DHTML")
Avatar billede mvk Nybegynder
20. oktober 2003 - 11:47 #5
phoenix - super - tak, men jeg kan ikke få det til at virke...
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<script type="text/javascript">
foer = null;

function fold(id) {
  obj = document.getElementById(id);
  if (foer != null && foer != obj)
    foer.style.display = "none";
  obj.style.display = (obj.style.display == "none") ? "inline" : "none";
  foer = obj;
}
</script>


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onClick="fold('div1'); return false;">Vis/skjul tekst</a></td>
  </tr>
  <tr>
    <td>Dette er den skjulte tekst.</td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>Dette er den skjulte tekst2.</div></td>
  </tr>
  <tr>
    <td><a href="#" onclick="fold('div2'); return false;">Vis/skjul tekst2</a></td>
  </tr>
  <tr>
    <td>Dette er den skjulte tekst.</td>
  </tr>
  <tr>
    <td>Dette er den skjulte tekst2.</div></td>
  </tr>
</table>
</body>
</html>
Avatar billede mvk Nybegynder
20. oktober 2003 - 12:38 #6
nu virker den lidt... det er kun første undermenupunkt der vises:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('div3'); return false;"> Vis/skjul tekst</a>
    </td>
  </tr>
<tr>
    <td id="div3" style="display: none;">Dette er den skjulte tekst1.</td>
  <tr>
    <td id="div3" style="display: none;">Dette er den skjulte tekst2.</td>
  </tr>
</table>
Avatar billede mvk Nybegynder
20. oktober 2003 - 15:52 #7
ellers en fed script-collection du har :)
.
den virker ikke i en tabel når jeg bruger mere end 1 undermenu
Avatar billede Slettet bruger
20. oktober 2003 - 17:03 #8
Du har to tabelceller med samme id, og så skabes der jo forvirring.

Eksempelvis kan du gøre dette:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('div1'); return false;"> Vis/skjul tekst1 <br />
    <a href="#" onclick="fold('div2'); return false;"> Vis/skjul tekst2</a>
    </td>
  </tr>
<tr>
    <td id="div1" style="display: none;">Dette er den skjulte tekst1.</td>
  <tr>
    <td id="div2" style="display: none;">Dette er den skjulte tekst2.</td>
  </tr>
</table>

Det kommer lidt an på, præcis hvilken funktionalitet, du er ude efter.
Avatar billede mvk Nybegynder
20. oktober 2003 - 17:26 #9
jeg vil gerne have mulighed for at ligger flere undermenuer. eks:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('div3'); return false;"> Vis/skjul tekst</a>
    </td>
  </tr>
<tr id="div3" style="display: none;">
    <td>Dette er den skjulte tekst1.</td> 
<tr>
    <td>Dette er den skjulte tekst2.</td>
  </tr>
</table>

jeg kan ikke få den til at tage tekst2 med...
http://www.fzy.dk/include/foldmenu.asp - se menu nr 2
Avatar billede Slettet bruger
21. oktober 2003 - 07:51 #10
Du skal vist bare fjerne det <tr> i midten:

<tr id="div3" style="display: none;">
    <td>Dette er den skjulte tekst1.</td>
    <td>Dette er den skjulte tekst2.</td>
  </tr>

Nu kommer de to tabelceller så til at være i samme række. Hvis du ikke ønsker det, kan du prøve:

<div id="div3" style="display: none;">
<tr>
    <td>Dette er den skjulte tekst1.</td>
</tr>
<tr>
    <td>Dette er den skjulte tekst2.</td>
  </tr>
</div>

Ovenstående er vist ikke helt efter standarderne. Det kan laves "pænere", men lad os lige prøve det først.
Avatar billede mvk Nybegynder
21. oktober 2003 - 09:12 #11
sådan her viser den den i samme række, men jeg kan ikke få den til at virke hvis den skal vise 2 rækker

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('div3'); return false;"> Vis/skjul tekst</a>
    </td>
  </tr>
<tr id="div3" style="display: none;">
    <td>Dette er den skjulte tekst1.</td> 
    <td>Dette er den skjulte tekst2.</td>
  </tr>
</table>

link: http://www.fzy.dk/include/foldmenu.asp
Avatar billede mvk Nybegynder
21. oktober 2003 - 09:16 #12
sådan prøver jeg at trække det ud i 2 rækker, men det virker ikke:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('div4'); return false;"> Vis/skjul tekst</a>
    </td>
  </tr><div id="div4" style="display: none;">
  <tr>
    <td>Dette er den skjulte tekst1.</td>  </tr>
    <td>Dette er den skjulte tekst2.</td>
  </tr></div>
Avatar billede Slettet bruger
21. oktober 2003 - 21:31 #13
Så udbyg scriptet til dette:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
foer = new Array();

function fold(id1, id2) {
  obj1 = document.getElementById(id1);
  obj2 = document.getElementById(id2);
  if (foer.length > 0 && foer[0] != obj1 && foer[1] != obj2) {
    foer[0].style.display = "none";
    foer[1].style.display = "none";
  }
  obj1.style.display = (obj1.style.display == "none") ? "inline" : "none";
  obj2.style.display = (obj2.style.display == "none") ? "inline" : "none";
  foer = new Array(obj1, obj2);
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('nr1', 'nr2'); return false;"> Vis/skjul tekst 1+2</a>
    </td>
  </tr>
  <tr id="nr1" style="display: none;">
    <td>Dette er den skjulte tekst1.</td>  </tr>
  <tr id="nr2" style="display: none;">
    <td>Dette er den skjulte tekst2.</td>
  </tr>
    <tr>
    <td><a href="#" onclick="fold('nr3', 'nr4'); return false;"> Vis/skjul tekst 3+4</a>
    </td>
  </tr>
  <tr id="nr3" style="display: none;">
    <td>Dette er den skjulte tekst3.</td>  </tr>
  <tr id="nr4" style="display: none;">
    <td>Dette er den skjulte tekst4.</td>
  </tr>
</table>
</body>
</html>
Avatar billede mvk Nybegynder
21. oktober 2003 - 23:12 #14
u da man- its working :)
Avatar billede mvk Nybegynder
21. oktober 2003 - 23:12 #15
bare smid et svar - tak for hjælpen
Avatar billede Slettet bruger
22. oktober 2003 - 18:17 #16
Svar
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 JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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
I går 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »