Notifikationer

Markér alle som læst Log ud

mr-bob Nybegynder

29. oktober 2002 - 00:40 Der er 7 kommentarer og
1 løsning

tekst dropdown menu i dhtml!

Jeg har en tekst menu nu, men vil gerne have lavet en "dropdown" menu ala det her på eksperten!
jeg mener at have hørt et eller andet sted at det "nemt" bliver lavet i (D)HTML, men det er jo så det jeg vil have jer til at hjælpe mig med!

Jeg HAR været inde og kigge på nogle af de der sider http://www.mijnhomepage.nl/dhtml-scripts.php
og jeg kan simpelthen ikke hitte ud af dem!

På forhånd tak Mr bob

Synes godt om

metal_hansen Nybegynder

29. oktober 2002 - 00:42 #1

http://www.eksperten.dk/spm/276490 ?!

Synes godt om

mr-bob Nybegynder

29. oktober 2002 - 00:44 #2

metal det er jo det jeg linker til ovenfor! :-)

Synes godt om

metal_hansen Nybegynder

29. oktober 2002 - 01:13 #3

hehe nå der var jeg lidt for hurtig.. :)

Synes godt om

lequet Nybegynder

29. oktober 2002 - 01:35 #4

Det her er nok noget af det simpleste. Det er ikke kønt, det er ikke noget jeg ville blære mig med, men trods alt har det ikke taget længe at bikse sammen :) Men det er meget godt til at vise det grundlæggende, med hvordan sådan en menu laves. Men for at få noget ordentligt og brugbart er du nødt til at lægge meget arbejde i det, og pludselig er det ikke så simpelt mere, og pludselig havde det været både nemmere og bedre at bruge et af de færsige scripts :) Men som sagt, dette er nok noget af det simpleste (og mindst kønne/praktiske :) du kan lave

<html>

<head>
<title></title>

<style type="text/css">
.menupunkt {
width : 100px ;
text-align : center ;
border : 1px solid black ;
}

.menu {
position : absolute ;
z-index : 2 ;
display : none ;
width : 100px ;
padding : 8px ;
border : 1px solid black ;
background : white ;
}

.menupunkt a {
display : block ;
width : 100% ;
line-height : 17px ;
}
</style>

<script type="text/javascript">
function mover( obj ) {
elm = document.getElementById( obj ) ;

menu = document.getElementById( obj + "menu" ) ;

menu.style.display = "block" ;
}

function mout( obj ) {
elm = document.getElementById( obj ) ;

menu = document.getElementById( obj + "menu" ) ;

menu.style.display = "none" ;
}
</script>

</head>

<body>

<table>
<tr>
<td class="menupunkt"><a href="" id="punkt1" onMouseOver="mover( 'punkt1' )" onMouseOut="mout( 'punkt1' )">Link</a></td>
<td class="menupunkt"><a href="" id="punkt2" onmouseOver="mover( 'punkt2' )" onMouseOut="mout( 'punkt2' )">Link</a></td>
<td class="menupunkt"><a href="" id="punkt3" onmouseOver="mover( 'punkt3' )" onMouseOut="mout( 'punkt3' )">Link</a></td>
</tr>
</table>

<div id="punkt1menu" class="menu" style="left : 10px ;" onMouseOver="mover( 'punkt1' )" onMouseOut="mout( 'punkt1' )">Menu 1 her<br><br><br></div>
<div id="punkt2menu" class="menu" style="left : 110px ;" onmouseOver="mover( 'punkt2' )" onMouseOut="mout( 'punkt2' )">Menu 2 her<br><br><br></div>
<div id="punkt3menu" class="menu" style="left : 220px ;" onmouseOver="mover( 'punkt3' )" onMouseOut="mout( 'punkt3' )">Menu 3 her<br><br><br></div>

</body>

</html>

Synes godt om

lequet Nybegynder

29. oktober 2002 - 01:38 #5

Skal lige siges at jeg kun har testet i Mozilla, men det skulle meget gerne virke i IE og NS 6+ med :)

Synes godt om

claus_jac Nybegynder

29. oktober 2002 - 13:06 #6

tag et lille kig på www.dynamicdrive.com eller www.dhtmlcentral.com
Der er helt sikkert nogle gode udgaver, og ikke mindst på ddrive en forklaring hvordan den inkorporeres på din side!

Håber det hjælper.
Claus

Synes godt om

mr-bob Nybegynder

29. oktober 2002 - 14:14 #7

ej hold nu op! :-) kig på det link jeg har skrevet!
det er også det samme metal hansen linker til! :-)

Synes godt om

mr-bob Nybegynder

29. oktober 2002 - 16:37 #8

jeg lukker! fandt noget i nogle gamle spm's!

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS