Avatar billede 13thsky Nybegynder
08. januar 2008 - 15:15 Der er 5 kommentarer og
2 løsninger

simpel menu

Jeg skal bruge en simpelt lodret menu, med en række menupunkter.
Hvert menupunkt skal være i en boks som er grøn (teksten er hvid) og når man bevæger musen over skal boksen blive hvid (teskten grøn).
Avatar billede w13 Novice
08. januar 2008 - 15:22 #1
Sådan her?:

<table>
<tr style="background-color:green;color:white" onclick="this.style.backgroundColor='white';this.style.color='green'"><td>Menupunkt1</td></tr>
<tr style="background-color:green;color:white" onclick="this.style.backgroundColor='white';this.style.color='green'"><td>Menupunkt2</td></tr>
</table>
Avatar billede 13thsky Nybegynder
08. januar 2008 - 15:48 #2
Det skal være "onMouseOver".
Avatar billede 13thsky Nybegynder
08. januar 2008 - 15:49 #3
Ligesom menuen på vægtklubben.dk
Avatar billede w13 Novice
08. januar 2008 - 16:07 #4
Hov, ja den smuttede lige. Men så er det jo bare at rette onclick til onmouseover.

<table>
<tr style="background-color:green;color:white" onmouseover="this.style.backgroundColor='white';this.style.color='green'" onmouseout="this.style.backgroundColor='green';this.style.color='white'"><td>Menupunkt1</td></tr>
<tr style="background-color:green;color:white" onmouseover="this.style.backgroundColor='white';this.style.color='green'" onmouseout="this.style.backgroundColor='green';this.style.color='white'"><td>Menupunkt2</td></tr>
</table>
Avatar billede 13thsky Nybegynder
08. januar 2008 - 21:26 #5
ja, det er super. Point til dig.

Men hvis jeg nu gerne vil lave en menu, således at hele feltet (<td></td>) er klikbart, hvordan gør jeg det?

Jeg vil gerne give nogle ekstra point for det.
Avatar billede w13 Novice
08. januar 2008 - 21:43 #6
Det behøver du ikke give ekstra point for. Du lægger bare onclick="window.location.href='url.htm'" på td'en, sådan her:

<table>
<tr style="background-color:green;color:white" onclick="window.location.href='url.htm'" onmouseover="this.style.backgroundColor='white';this.style.color='green'" onmouseout="this.style.backgroundColor='green';this.style.color='white'"><td>Menupunkt1</td></tr>
<tr style="background-color:green;color:white" onclick="window.location.href='url.htm'" onmouseover="this.style.backgroundColor='white';this.style.color='green'" onmouseout="this.style.backgroundColor='green';this.style.color='white'"><td>Menupunkt2</td></tr>
</table>

Og her er et svar! =)
Avatar billede 13thsky Nybegynder
10. januar 2008 - 22:02 #7
takker...
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