Notifikationer

Markér alle som læst Log ud

thb Nybegynder

13. april 2003 - 22:32 Der er 18 kommentarer og
2 løsninger

Exp menu

Hej alle

Er der nogle der kan fortælle mig hvordan jeg laver de der "dropdownmenuer" som er her på siden. altså dem hvor der står "Top 10", "Dine data" osv..

Thomas

Synes godt om

Slettet bruger

13. april 2003 - 22:42 #1

Synes godt om

bearhugx Nybegynder

13. april 2003 - 22:42 #2

Er det noget ala dette, du søger... ?

<script type="text/javascript">
function toggleDisplay( elemId ) {
elem = document.getElementById(elemId);
if(elem.style.display=='block') {
elem.style.display='none';
} else {
elem.style.display='block';
}
}
</script>

<body>

<div style="width:200px">
<div onclick="toggleDisplay('top10contents');"> TOP 10 </div>
<div id="top10contents" style="display:none;">
1 ...
2....
3....
</div>
</div>

/Søren

Synes godt om

thb Nybegynder

13. april 2003 - 22:52 #3

Nice... Tak.. kan man også putte sådan et billed på der skifter alt efter om menuen er åben eller lukket.. ??

Synes godt om

thb Nybegynder

13. april 2003 - 22:59 #4

???
Det virker ikke når der er en <tr><td> inde i divet.. ???

Thomas

Synes godt om

Slettet bruger

13. april 2003 - 23:00 #5

ja det kan man godt men så langt rækker mine JS evner ikke :)

Synes godt om

Slettet bruger

13. april 2003 - 23:09 #6

www.westhi.dk/menu.html

kig i koden ? :-)

Synes godt om

thb Nybegynder

13. april 2003 - 23:14 #7

Ja okay.. jeg prøver igen imorgen.. tak igen.. :)

Thomas

Synes godt om

Slettet bruger

13. april 2003 - 23:18 #8

så lidt :)

Synes godt om

bearhugx Nybegynder

14. april 2003 - 00:31 #9

tja... at tilføje billeder er ret nemt ...
Her har jeg taget friheden og "efterabe" faverne på westhi's eksempel, så der er både stylesheet og hele baduljen med her :-)

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

Synes godt om

thb Nybegynder

14. april 2003 - 10:58 #10

fedt... det virker.. (selfølgelig.. :)) Tak for det..

Thomas

Synes godt om

thb Nybegynder

14. april 2003 - 11:06 #11

her er et uddrag af min kode, hvorfor virker det ikke...

<script type="text/javascript" language="javascript">
function toggleDisplay( elemId, iconId ) {
elem = document.getElementById(elemId);
icon = document.getElementById(iconId);
if(elem.style.display=='block') {
elem.style.display='none';
icon.src ='img/form/slet.gif';
} else {
elem.style.display='block';
icon.src ='img/form/ret.gif';
}
}
</script>

<tr>
<td>
<a href="java script:void(0)" onclick="toggleDisplay('top10contents', 'top10icon'); return false;">
<img src="img/right/nyhedsbrev.gif" border="0">
</a>
</td>
</tr>
<tr>
<td>
<div id="top10contents" style="display:none;">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="<%=padding(5,5,5,10)%>" class="mid-text">
<table cellpadding="0" class="mid-text" cellspacing="0">
<form action="?" method="post" name="nb" onSubmit="return check_nyhedsbrev(this)">

<tr><td>Navn:</td></tr>
<tr><td><input type="text" size="18" name="navn"></td></tr>
<tr><td height="10"></td></tr>

<tr><td>Email:</td></tr>
<tr><td><input type="text" name="email" size="18"></td></tr>
<tr><td height="10"></td></tr>

<input type="hidden" name="site" value="<%=self2%>">
<tr>
<td align="right">
<input type="image" src="img/form/frameld.gif" height="14" width="47" style="border:0">
<input type="image" src="img/form/tilmeld.gif" height="14" width="42" style="border:0">
</td>
</tr>
</form>
</table>
</td>
</tr>
</table>
</div>

</td>
</tr>

Synes godt om

bearhugx Nybegynder

14. april 2003 - 12:09 #12

du skal huske at have ID på dit image

Hvor der hos dig står :
<img src="img/right/nyhedsbrev.gif" border="0">

burde der stå
<img id="top10icon" src="img/right/nyhedsbrev.gif" border="0">

Ellers så vil javascriptet fejle (den vil ikke kunne finde objektet "top10icon"),

så på med de ID'er igen ... Det er ligesom, som holder det hele sammen :-)))

Synes godt om

thb Nybegynder

14. april 2003 - 12:21 #13

Okay, nu har jeg gjort det.. jeg har sat id'et ind på mit billed, men den siger stadigvæk javascript fejl, når man klikker..

Thomas

Synes godt om

thb Nybegynder

14. april 2003 - 12:24 #14

Okay nu har jeg fået det til at virke... det kunne åbenbart ikke finde ud af stå inde for samme <script> koder som noget af mit andet javascript.. :|

Thomas

Synes godt om

bearhugx Nybegynder

14. april 2003 - 12:35 #15

Synes godt om

thb Nybegynder

14. april 2003 - 13:05 #16

Lige meget med det hele... :)

Det virker nu, og jeg har lige uploadet funktionen.. det er bare fedt.. :)
www.volleyportal.dk

Thomas

Synes godt om

bearhugx Nybegynder

14. april 2003 - 13:29 #17

Det er en pæn side, du har fået skruet sammen...

Mit eneste klagepunkt er dog, at - første gang man går ind på de forskellige sider - så er menuen lidt forskudt -- Når siden så er færdigloadet, så retter det sig op -- Men at den forskyder sig burde slet ikke gøre...

Synes godt om

thb Nybegynder

14. april 2003 - 13:36 #18

Det forstår jeg ikke.. snakker du om hovedmenuen... ??

Synes godt om

bearhugx Nybegynder

14. april 2003 - 13:45 #19

Yep ... men det sker kun _første_ gang man loader siden ved hvert menupunkt ind - Derefter gør den det ikke ...

Synes godt om

thb Nybegynder

14. april 2003 - 13:51 #20

okay.. det har jeg ikke lige lagt mærke til.. gu ved hvad det kan skyldes.. det er sikkert ikke noget jeg kan rette..

Thomas

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	21/08/202610:41
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