Avatar billede challenge Praktikant
10. april 2005 - 16:38 Der er 4 kommentarer og
1 løsning

Dropdown med HTML i menuen

Hejsa allesammen.
Jeg sidder her og kigger på denne side:
http://www.galleria.ferrari.com/galleria/index.htm?language=ENGLISH
Og jeg finder ud af at menuen faktisk er flot, og jeg godt kunne tænke min sådan noget lignende på min side.

Jeg har søgt lidt her og på google, men jeg kan ikke finde lige det som ligner det på siden (overstående :)).

Er der nogen der har en idé hvordan det kan laves?
Jeg har erfaring i HTML, dog ikke JavaScript, men en lillesmule i CSS.

mvh.

Challenge.
Avatar billede challenge Praktikant
10. april 2005 - 16:40 #1
Selvfølgelig glemmer man noget.

Som i kan se på siden jeg linkede til, så skulle det være muligt at have HTML i selve drop-down'en hvis i forstår hvad jeg mener.

Det må derfor ligne den på siden så meget som muligt, hvis det kan lade sig gøre. (som det nok kan :))

mvh.

Challenge
Avatar billede challenge Praktikant
10. april 2005 - 19:47 #2
Okay...

Jeg fandt den her:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>
<script>
function toggleMenu(sublink) {
    if(document.getElementById(sublink).style.visibility == 'hidden')
          document.getElementById(sublink).style.visibility = 'visible';
    else
          document.getElementById(sublink).style.visibility = 'hidden';
}
</script>
<body>

<table cellspacing=0 cellpadding=0>
<tr><td><a href=# onMouseOver="toggleMenu('link1')"><img src="menuitem.gif" width="205" height="16" border="0"></a></td></tr>
<tr><td valign=top width=205>
<table cellspacing=0 cellpadding=0><tr>
<td><div id='link1' style='visibility:hidden; position:absolute; padding:0px'>
<table cellspacing=6 cellpadding=0 width=205 background=flag_bkg.jpg>
<tr><td align="center"><font color="#666666">Klik her for at få de seneste nyheder om siden...</font></td></tr>
<tr><td>
<font color="#999999"><ui>
<li><a href=# onClick=toggleMenu('link1')>Sublink 1</a></li>
<li><a href=# onClick=toggleMenu('link1')>Sublink 1</a></li>
<li><a href=# onClick=toggleMenu('link1')>Sublink 1</a></li>
</ui></font>
</td></tr>
</td>
</tr>
</table>
</div></td>
</table>
</td></tr></table>

</body>
</html>


Men med denne her, så fjerner menuen sig kun når man holder musen over menupunktet igen... Hvordan får man drop-down menuen væk igen når man fjerner sig fra den, i stedet for at skulle mouse-over?
Avatar billede challenge Praktikant
10. april 2005 - 19:53 #3
Glem det jeg sagde før... virker ikke med 2 menupunkter :S
Avatar billede challenge Praktikant
10. april 2005 - 20:07 #4
Findes der noget, i stil med den ovenover?
Sådan noget med Hidden osv?
Avatar billede challenge Praktikant
10. april 2005 - 21:47 #5
Fandy ud af det... tak for hjælpen :D
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
Kurser inden for grundlæggende programmering

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