Avatar billede botha Nybegynder
22. november 2003 - 23:55 Der er 6 kommentarer og
2 løsninger

hjælp - menuen klapper sammen

HJÆLP denne menu klapper sammen med det samme man trykker på et af undermenupunkterne.

Den skal KUN klappe sammen igen hvis man trykker på selv menupunktet igen.

se den her :

www.botha.dk/menutest

koder :
----------------------
<html>
<head>
<SCRIPT type="text/javascript">
function fnDispThis(elm)
{
document.getElementById('sub'+elm).style.display=(document.getElementById('sub'+elm).style.display=="none")?"block":"none";
}
</SCRIPT>
<base target="højre">
</head>
<body>
<table>
<tr>
<td class="format" onclick="fnDispThis(1)" style="Cursor:HAND;">
menu 1<br>
<DIV id="sub1" style="Display:'NONE';">
&nbsp;&nbsp;&nbsp;<a target="højre" href="side11.htm">u11</a><br>
&nbsp;&nbsp;&nbsp;<a href="side12.htm">u12</a><br>
</DIV>
</td>
</tr>
<tr>
<td class="format" onclick="fnDispThis(2)" style="Cursor:HAND;">
menu 2<br>
<DIV id="sub2" style="Display:'NONE';">
&nbsp;&nbsp;&nbsp;<a href="side21.htm">u21</a><br>
&nbsp;&nbsp;&nbsp;<a href="side22.htm">u22</a><br>
</DIV>
</td>
</tr>
</body>
</html>
Avatar billede kbonline Nybegynder
23. november 2003 - 00:25 #1
lav en tabelcelle rundt om linksene, det burde gøre det.
Ser ellers fint ud.
Avatar billede botha Nybegynder
23. november 2003 - 00:26 #2
celle ? hvad mener du ?
Avatar billede kbonline Nybegynder
23. november 2003 - 00:27 #3
ok - øjeblik, jeg er tilbage om 2 min...
Avatar billede skovenborg Nybegynder
23. november 2003 - 00:29 #4
lav en <span> rundt om hovedmenu-punkterne:
<table>
<tr>
<td class="format" style="Cursor:HAND;">
<span onclick="fnDispThis(1)">menu 1</span><br>
<DIV id="sub1" style="Display:'NONE';">
&nbsp;&nbsp;&nbsp;<a target="højre" href="side11.htm">u11</a><br>
&nbsp;&nbsp;&nbsp;<a href="side12.htm">u12</a><br>
</DIV>
</td>
</tr>
<tr>
<td class="format"  style="Cursor:HAND;">
<span onclick="fnDispThis(2)">menu 2</span><br>
<DIV id="sub2" style="Display:'NONE';">
&nbsp;&nbsp;&nbsp;<a href="side21.htm">u21</a><br>
&nbsp;&nbsp;&nbsp;<a href="side22.htm">u22</a><br>
</DIV>
</td>
</tr>
</table>
Avatar billede kbonline Nybegynder
23. november 2003 - 00:34 #5
Prøv dette :

<html>
<head>
<SCRIPT type="text/javascript">
function fnDispThis(elm)
{
document.getElementById('sub'+elm).style.display=(document.getElementById('sub'+elm).style.display=="none")?"block":"none";
}
</SCRIPT>
<base target="højre">
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr>
<td class="format" onclick="fnDispThis(1)" style="Cursor:HAND;">
menu 1<br>
</td>
</tr>
<tr>
<td>
<DIV id="sub1" style="Display:'NONE';">
&nbsp;&nbsp;&nbsp;<a href="side11.htm">u11</a><br>
&nbsp;&nbsp;&nbsp;<a href="side12.htm">u12</a><br>
</DIV>
</td>
</tr>
<tr>
<td class="format" onclick="fnDispThis(2)" style="Cursor:HAND;">
menu 2<br>
</td>
<tr>
<td>
<DIV id="sub2" style="Display:'NONE';">
&nbsp;&nbsp;&nbsp;<a href="side21.htm">u21</a><br>
&nbsp;&nbsp;&nbsp;<a href="side22.htm">u22</a><br>
</DIV>
</td>
</tr>
</tr>

</body>
</html>
Avatar billede skovenborg Nybegynder
23. november 2003 - 00:36 #6
smider lige et svar også ;-)
Avatar billede botha Nybegynder
23. november 2003 - 00:40 #7
kbonline - YES det virker, takker mange gange

Skovenborg :-(  dit virker sikkert også, men jeg vil sikkert blive forvirret over at have 2 versioner, og det med tabelcellerne kan jeg lidt bedre forstå - undskyld, og tak alligevel, jeg forhøjer lige point, og deler lidt ud til dig også.

Håber det er ok.
Avatar billede skovenborg Nybegynder
23. november 2003 - 01:02 #8
helt i orden :-)x
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