Gå til innhold

Hjelp til Drop Down meny...


Anbefalte innlegg

Hei, prøver å skjønne litt kode, og håpte på noen her kunne kanskje hjelpe...

 

Forsøker å lage en drop down meny.

Har fått den til å lage menyen, men den fungerer ikke helt som jeg ønsker.

 

JS:

function show() 
{
document.getElementById('smenu2').style.display='block';  
}
function closeNav()
{
document.getElementById('smenu2').style.display='none';	
}

 

HTML:

<dt onclick="javascript:closeNav();"><a href="#">Hjem</a></dt>
<dt onclick="javascript:closeNav();"><a href="#">Nyhet</a></dt>
<dt onclick="javascript:closeNav();"><a href="kontakt.php">Kontakt</a></dt>
<dt onclick="javascript:closeNav();"><a href="om.php">Om meg</a></dt>

<dt onclick="javascript:show();">Drop Down</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Punkt 1 </a></li>
<li><a href="#">Punkt 2 </a></li>
<li><a href="#">Punkt 3 </a></li>
</ul>
</dd>

 

Dette fungerer til dels, men menyen popper ut når jeg trykker på en annen link også. Men når jeg trykker en link uten definisjon (de med a href="#"), så fungerer det slik jeg vil.

 

Det jeg ønsker er at menyen dropper ned KUN når jeg trykker Drop Down, og forblir ute til jeg trykker en annen link, eks. "nyhet" og "hjem". Den skal forbli nede selv om jeg trykker et valg i drop down menyen, eks "punkt 2".

 

Noen som vet? :)

Endret av Mistar
Lenke til kommentar
Videoannonse
Annonse
1. Hva slags tagger er DT og DD?

2. Prøv å gi alle DT'ene dine id or/eller navn.

8044856[/snapback]

 

The <dt> tag defines the start of a term in a definition list.

The <dd> tag defines the description of a term in a definition list.

 

Tag link

 

Har forsøkt å legge til id på DT'ene, og på DD'ene, men det hjelper ikke. Men sånn jeg har definert det i JS funksjonene så skal de jo ikke ha noe å si? Alt jeg bruker i funksjonene er jo 'smenu2', og den skal kun lukkes eller åpnes.

 

Men det jeg syns er litt rart er at når jeg tester det på feks en av linkene som jeg ikke har definert ( url=#), så fungerer det, ellers åpnes den uansett.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...