Notifikationer

Markér alle som læst Log ud

mpj86 Nybegynder

17. januar 2004 - 15:53 Der er 8 kommentarer og
1 løsning

Menu som her på siden?

Hej

Jeg skal bruge en menu hvor man kan klikke på en pil og så bliver menu'en vist og omvendt, ligesom her på siden i f.eks Top 10

Men det skal være muligt at jeg kan bestemme hvilken af dem, der skal være åben, når man går ind på min side...

Synes godt om

badmanndk Nybegynder

17. januar 2004 - 15:57 #1

http://www.dhtmlcentral.com/

Her skulle det være muligt at finde sådan et script

Synes godt om

mpj86 Nybegynder

17. januar 2004 - 15:59 #2

Jeg kan ikke finde en på den side!

Synes godt om

lillebror Nybegynder

17. januar 2004 - 16:02 #3

http://www.dhtmlcentral.com/script/search.asp?category=menu

der er da mindst 2 fold out menus

Synes godt om

mpj86 Nybegynder

17. januar 2004 - 16:10 #4

Vil jo have en ligesom her på siden..

Synes godt om

mpj86 Nybegynder

17. januar 2004 - 16:40 #5

Jeg har fundet denne via søg her på siden:

<html>
<script type="text/javascript">
function toggleDisplay( elemId, iconId ) {
elem = document.getElementById(elemId);
icon = document.getElementById(iconId);
if(elem.style.display=='block') {
elem.style.display='none';
icon.src ='closed.gif';
} else {
elem.style.display='block';
icon.src ='open.gif';
}
}
</script>
<style type="text/css">
body {
font-family:tahoma;
font-size:11px;
}
.menuHeader {
background-color:#069;
color:white;
font-weight:bold;
border:1px solid #069;
}
.menuContens {
display:none;
border:1px solid #069;
padding:2px;
background-color:#71b8db;
}
</style>
<body>
<div style="width:140px">
<div class="menuHeader"
onclick="toggleDisplay('top10contents', 'top10icon'); return false;">
<img id="top10icon" src="closed.gif" alt=""/> TOP 10
</div>
<div id="top10contents" class="menuContens">
1. bearhugx <br/>
2. westhi <br/>
3. anyone? <br/>
</div>
</div>
</body>
</html>

Nogen der kan bygge lidt videre på det, så jeg selv kan bestemme hvilken af dem skal være åben når man går ind på min side. Lave koden bedre, hvis den ikke er godt lavet..... osv..

Synes godt om

mpj86 Nybegynder

17. januar 2004 - 16:50 #6

Har lige rettet lidt i koden:

<html>
<script type="text/javascript">
function toggleDisplay( elemId, iconId ) {
elem = document.getElementById(elemId);
icon = document.getElementById(iconId);
if(elem.style.display=='block') {
elem.style.display='none';
icon.src ='arrow-right.gif';
} else {
elem.style.display='block';
icon.src ='arrow-down.gif';
}
}
</script>
<style type="text/css">
body {
font-family:tahoma;
font-size:11px;
}
.menuHeader {
background-color:#556379;
color:white;
font-weight:bold;
border:1px solid #FFFFFF;
}
.menuContens {
display:none;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
padding:2px;
background-color:#7989A2;
}
</style>
<body bgcolor="#465B71">
<div style="width:150px">
<div class="menuHeader" onclick="toggleDisplay('top10contents', 'top10icon'); return false;"><img id="top10icon" src="arrow-right.gif" alt=""/> TOP 10</div>
<div id="top10contents" class="menuContens">
1. bearhugx <br/>
2. westhi <br/>
3. anyone? <br/>
</div>
</div>
</body>
</html>

Synes godt om

mpj86 Nybegynder

17. januar 2004 - 17:18 #7

Nu har jeg selv næste lavet den færdig, men kan ikke finde ud af fejlen: http://www.scooter-eksperten.dk/menu/

Fejlen er at hvis menuen er åben når man går ind på siden, og klikker på den så bliver kun pilen ændret, og først når man klikker igen så lukker den....

Tjek også lige om jeg har lavet nogle fejler :)

Synes godt om

mpj86 Nybegynder

17. januar 2004 - 19:21 #8

lukker!

Synes godt om

roenving Novice

19. januar 2004 - 00:27 #9

Hvis dine menupunkter starter med at være lukkede, kan du lave din funktion sådan:

<script type="text/javascript">
function toggleDisplay( elemId, iconId ) {
elem = document.getElementById(elemId);
icon = document.getElementById(iconId);
if(elem.style.display!='block') {
elem.style.display='block';
icon.src ='arrow-down.gif';
}else{
elem.style.display='none';
icon.src ='arrow-right.gif';
}
}
</script>

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 JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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