Avatar billede w13 Novice
06. september 2003 - 16:37 Der er 14 kommentarer og
1 løsning

Menu-effekt

Er der nogen, som kan give mig en enkel kode, (og forklaring på dennes brug) som giver samme effekt som i Eksperten.dk's side-menuer?

(Altså disse "grupperinger" som lukkes ned ved klik på overskriften! Eks.: Ved klik på "Dine data" åbnes/lukkes selve data'erne...)

kh
W13
Avatar billede kbhfyr15 Nybegynder
06. september 2003 - 16:44 #1
Du kan lave såden en menu med et program som hedder XARA WEBSTYLE!!! Det er en HTML kode som du skal indsætte!!! Hvis det er til hjemmeside så prøv min HTML kode:



<TABLE borderColor=#8f8f8f height=80 cellSpacing=0 cellPadding=0 width=760 align=center background=pat.gif border=1>
<TBODY>
<TR>
<TD width=129>
<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center bgColor=#8f8f8f border=0>
<TBODY>
<TR>
<TD><IMG height=2 alt="" src="http://www.webbyen.dk/img/s.gif" width=1 border=0></TD></TR></TBODY></TABLE>
<TABLE height=400 cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD width=1 bgColor=#8f8f8f><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></TD>
<TD vAlign=top width=128 bgColor=#f0f0f0><FONT size=1><BR><BR></FONT>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD bgColor=#9eb2bd><FONT size=1><B style="COLOR: #ffffff">&nbsp;</B></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;Side</FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;</FONT><FONT size=1>&nbsp;<A href="http:///">Test</A>&nbsp;</FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;</FONT><FONT size=1>&nbsp;<A href="http:///">Test</A></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;</FONT><FONT size=1>&nbsp;<A href="http:///">Test</A></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;</FONT><FONT size=1>&nbsp;<A href="http:///">Test</A></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp; <A href="http:///">Test</A></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;&nbsp;<A href="http:///">Test</A></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;&nbsp;<A href="http:///">Test</A></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;&nbsp;<A href="http:///">Test</A></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;&nbsp;<A href="http:///">Test</A></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD bgColor=#9eb2bd><B style="COLOR: #ffffff"><FONT size=1>&nbsp;</FONT></B></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;</FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;&nbsp;<A href="http:///">Test</A></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR>
<TR>
<TD bgColor=#c0c0c0>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD bgColor=#9eb2bd><FONT size=1><B style="COLOR: #ffffff">Links</B></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp; </FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0 colSpan=2><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD onmouseover='this.style.backgroundColor="#E7E3DB"' onmouseout='this.style.backgroundColor="#F0F0F0"' bgColor=#f0f0f0><FONT size=1>&nbsp;&nbsp;</FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#c0c0c0><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE height=20 cellSpacing=0 cellPadding=0 width="100%">
<TBODY></TBODY></TABLE></TD>
<TD width=1 bgColor=#aaaaaa><FONT size=1><IMG height=1 alt="" src="http://www.webbyen.dk/moduler/1.gif" width=1 border=0></FONT></TD>
<TD vAlign=top width=500 bgColor=#ffffff>
<TABLE cellSpacing=0 cellPadding=10 width="100%">
<TBODY>
<TR>
<TD>
<P><FONT size=1><B></B></FONT>&nbsp;</P>
<P><FONT size=1></FONT><FONT size=1><STRONG>Skriv din test hér</STRONG></FONT></P>
<P><FONT size=1><STRONG></STRONG><BR>Tekst.....<BR><BR><BR></P></FONT>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE></TD>
<TD width=1 bgColor=#aaaaaa><IMG height=1 alt="" src="http://www.webbyen.dk/img/s.gif" width=1 border=0></TD>
<TD vAlign=top align=middle width=128 bgColor=#f0f0f0><FONT size=1><BR><BR><BR><BR><BR></FONT></TD>
<TD width=1 bgColor=#8f8f8f><IMG height=1 alt="" src="http://www.webbyen.dk/img/s.gif" width=1 border=0></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center bgColor=#8f8f8f border=0>
<TBODY>
<TR>
<TD><IMG height=1 alt="" src="http://www.webbyen.dk/img/s.gif" width=1 border=0></TD></TR></TBODY></TABLE>




Det er den lange HTML KODE!!! Det er en som jeg har lavet!! Du kan bruge den hvis du syntes at den er flot!!!



Håber du kan bruge den
Avatar billede w13 Novice
06. september 2003 - 16:50 #2
Jo, flot er den, men jeg har desværre allerede mit design... Det, jeg mangler, er selve koden til at åbne og lukke de forskellige grupper...

kh
W13
Avatar billede kbhfyr15 Nybegynder
06. september 2003 - 16:55 #3
Ved ikke helt præcis hvad du mener?? kan du ikke uddybe det lidt mere
Avatar billede w13 Novice
06. september 2003 - 17:19 #4
Jo, jeg kan da prøve...

I din menu lavede du en overskrift, som hed links. Der kunne man selv indsætte sine links nedenunder, men man kunne ikke klikke på teksten "Links". Dette var nemlig kun en overskrift. Hvis jeg nu satte nogle links ind nedenunder, ville jeg nu have en "gruppe" kaldet "Links". Det svarer til denne hjemmeside, (www.eksperten.dk) hvor der er menuer i siderne. Bl.a. står der: "Dine data". Under "Dine data" kan man se sit brugernavn og antal point, men klikker man på "Dine data" lukkes selve data'erne, (dvs. brugernavn-oplysningen og point-oplysningen) så det nu kun er "overskriften", der er synlig... Forstår du?
Avatar billede edutasia Nybegynder
06. september 2003 - 19:29 #5
Jeg kan prøve at forklare princippet bag og give et par eksempler:

Du laver en menu ved at lave et "beholder"-element, som regel en DIV, der indeholder de elementer, der skal kunne vises/skjules. F.eks.:

<DIV id="div1" style="display:none">
  Her er et underpunkt
  Her er et andet
  Her er et tredie
</DIV>

I eksemplet er der sat style="display:none" på DIV'en. Den vises altså ikke fra starten. Skal den det, skal der i stedet stå style="display:block".

Så skal der være "noget", som man kan klikke på for at vise/skjule. F.eks. et link:

<a href="#" onclick="toggleDiv(div1)">Klik her</a>

Linket kalder en JavaScript-funktion, her kaldet toggleDiv, med en parameter, som er id'et på den DIV, der skal vises/skjules.

Selve funktionen kunne se sådan ud:

<script>
function toggleDiv(elm) {
  if (elm.style.display == 'none') {
    elm.style.display = 'block';
    }
  else {
    elm.style.display = 'none';
    }
  }
</script>


Og nu skal jeg ud ad døren... men prøv engang, om ikke det virker efter hensigten...
Avatar billede w13 Novice
07. september 2003 - 11:13 #6
Tak, det virker... Eller det vil sige; Næsten! Jeg gør nok et eller andet galt... Måske kan du hjælpe mig!?

Jeg har lavet en forside, som nok minder lidt om Eksperten's... Jeg skal have en menu i højre og venstre side af skærmen, og de skal vises i "Iframes". (Det vil sige: Hver menu bliver lavet på en side for sig.)

Nu skal jeg så på den venstre menu-side have lavet en "Tabel", som bruger denne kode, men når man lukker "Div'en" "klapper" overskriften til "Div'en" ikke sammen med den næste overskrift... Den efterlader bare et tomrum... Og så har koden jo ikke sparet mig meget plads... Forstår du?

Tror du, at du kunne lave det for mig?
Altså;
"Række1", (<--Her ligger "Href'en")
"Række2", (<--Her ligger "Div'en")
"Række3", (<--Endnu en "Href")
"Række4"! (<--Endnu en "Div")
Sådan at 1-2 og 3-4 hænger sammen...

Håber, du kan hjælpe...
kh
W13

(Ps.: Jeg forhøjer lige pointene...)
Avatar billede edutasia Nybegynder
07. september 2003 - 20:14 #7
Det kan jeg godt, men lige et enkelt spørgsmål: SKAL det ligge i en tabel? Jeg vil varmt anbefale at gøre sådan her i stedet:

<div id="menu">
  <a href="#" onclick="toggleDiv(div1)" class="clHeader">Menu 1</a>
  <div id="div1" class="clGroup">
    menupunkt<br>
    menupunkt<br>
  </div>
  <a href="#" onclick="toggleDiv(div2)" class="clHeader">Menu 2</a>
  <div id="div2" class="clGroup">
    menupunkt<br>
    menupunkt<br>
  </div>
</div>

Og så kommer vi til selve "tricket" - nemlig et stylesheet:

<style>
#menu {
  width:200px;
}
.clGroup {
  width:100%;
}
.clHeader {
  width:100%;
  display: block;
  padding:2px;
  text-decoration:none;
  background-color: blue;
  color: white;
}
.clHeader:hover {
  background-color: navy;
}
</style>
Avatar billede w13 Novice
07. september 2003 - 21:35 #8
Øhm... Nu har jeg bare sat dem ind efter hinanden... (Er ikke så skarp til den slags!) Og jeg kan klikke på noget af det, som jeg burde kunne klikke på... Men intet klapper sammen... Kan du ikke sætte det sammen til en hel kode... Idiotsikker, mener jeg! :)

W13
Avatar billede edutasia Nybegynder
07. september 2003 - 22:01 #9
Jo, selvfølgelig :)


<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Menu</title>
<style>
body {
  margin:0px;
}
#menu {
  width:200px;
}
.clGroup {
  width:100%;
  padding-left:5px;
  padding-bottom:5px;
  border: 1px solid blue;
}
.clHeader {
  width:100%;
  display: block;
  padding:2px;
  padding-left:5px;
  text-decoration:none;
  background-color: blue;
  color: white;
  border-bottom: 1px solid white;
}
.clHeader:hover {
  background-color: navy;
}
</style>
<script>
function toggleDiv(elm) {
  if (elm.style.display == 'none') {
    elm.style.display = 'block';
    }
  else {
    elm.style.display = 'none';
    }
}
</script>
</head>
<body>
<div id="menu">
  <a href="#" onclick="toggleDiv(div1)" class="clHeader" onfocus="this.blur()">Menu 1</a>
  <div id="div1" class="clGroup">
    menupunkt<br>
    menupunkt<br>
  </div>
  <a href="#" onclick="toggleDiv(div2)" class="clHeader" onfocus="this.blur()">Menu 2</a>
  <div id="div2" class="clGroup">
    menupunkt<br>
    menupunkt<br>
  </div>
</div>
</body>
</html>
Avatar billede edutasia Nybegynder
07. september 2003 - 22:06 #10
Hmmm... det var mærkeligt. Kommer lige til at se, at der tilsyneladende fjernes en ret vigtig slutparentes, når jeg trykker på Udfør?!

I de to <a href= osv> ovenfor skal der altså stå: toggleDiv(div1) <- altså med slutparentes
Avatar billede edutasia Nybegynder
07. september 2003 - 22:07 #11
Altså sådan her:

<a href="#" onclick="toggleDiv(div1)" class="clHeader" onfocus="this.blur()">Menu 1</a>
Avatar billede edutasia Nybegynder
07. september 2003 - 22:08 #12
Så forsvandt den igen!!! Der er sq en bug på Eksperten...
Avatar billede w13 Novice
07. september 2003 - 22:39 #13
Er det i stedet for "gåseøjet" (/anførelsestegnet)?
Avatar billede edutasia Nybegynder
07. september 2003 - 23:02 #14
Nej, det skal stadig være der - men der skal være slutparentes lige før.
Avatar billede w13 Novice
08. september 2003 - 14:15 #15
Jo, tak... Det virker perfekt!

kh
W13
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