Gå til innhold

Java-meny - får ikke helt til

Nala

Av Nala
i Data, spill og teknologi

 Del

Anbefalte innlegg

Nala Fast Inventar

Nala

Skrevet
Skrevet

Jeg prøver å lage en meny med underpunkter som kommer fram når man klikker på den. Men jeg sliter litt, da. Noen som vet hvordan jeg får til at man ved å klikke på et menypunkt kommer til en side jeg lenker til PLUSS får fram undermenypunktene?

Her er koden min (det i rødt er det aktuelle punktet jeg ønsker å folde ut, de øvrige punktene har jeg tatt vekk for enkelhets skyld). Jeg har forresten ikke laget lenke på hovedpunktet i menyen. Når jeg gjør det funker lenka, men undermenypunktene kommer bare fram når jeg klikker på det røde punktet som heter menyprikk_blaa.

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

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Simpel menu</title>

<link rel="stylesheet" type="text/css" href="../stilark_vangens.css">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="javascript" type="text/javascript">

function showMenu(d){

var id = d.id.substring(5);

divs = document.getElementsByTagName('DIV');

for(i=0;divs.length>i;i++){

if(divs.id.indexOf('menu')==0&&divs.id!='menu'+id)divs.style.display='none';

}

st = document.getElementById('menu'+id).style;

st.display = (st.display!='block')?'block':'none';

}

</script>

</head>

<body>

<div id="omenu1" class="menupunkt" onclick="showMenu(this);"><img src="bilder/menyprikk_blaa.gif" width="7" height="7"><font face="Verdana, Arial, Times New Roman" size="2"><img src="bilder/onepix.gif" height="4"><b> Hovedpunkt</b></font>

<div id="menu1" class="menu" onclick="event.cancelBubble=true">

<a href="underpunkt.htm" target="_parent">Underpunkt 1</a><br>

<a href="#">Underpunkt 2</a><br>

<a href="#">Underpunkt 3</a><br>

<a href="#">Underpunkt 4</a> </div>

</div>

(Øvrige punkter med kode, har fjernet det her)

</body>

</html>

Videoannonse

Videoannonse
Annonse
Gjest Anonymous

Gjest Anonymous

Skrevet
Skrevet

<div id="omenu1" class="menupunkt" onclick="showMenu(this);">

Du har ikke avsluttet denne med </div>

Gjest Anonymous

Gjest Anonymous

Skrevet
Skrevet

<a href="#">Underpunkt 4</a> </div>

</div>

---------------------------------------

avslutta to ganger her?

Nala Fast Inventar

Nala

Skrevet
  • Forfatter
Skrevet

Takk :-) Jeg har nå avsluttet div-ene hver for seg. Men det gjør ingen forskjell i forhold til problemet mitt. Jeg vil gjerne legge en a href på hovedpunktet, sånn at jeg får opp en side ved å klikke på den, samtidig som undermenyen folder seg ut.

Gjest Anonymous

Gjest Anonymous

Skrevet
Skrevet
Takk :-) Jeg har nå avsluttet div-ene hver for seg. Men det gjør ingen forskjell i forhold til problemet mitt. Jeg vil gjerne legge en a href på hovedpunktet' date=' sånn at jeg får opp en side ved å klikke på den, samtidig som undermenyen folder seg ut.[/quote']

Crazee!!!!??????

Nala Fast Inventar

Nala

Skrevet
  • Forfatter
Skrevet

Crazee, come out come out wherever you are. Så skal du få en kjempefin maiblomst av meg :blomst_opp:

*ser på Crazee med bønn i blikket*

Crazee Fast Inventar

Crazee

Skrevet
Skrevet

Skal sjå på det - men garanterer intet! (Men eg trur eg har løysinga. Forresten, eg veit eg har ein meny som gjer det du vil. Ein plass :))

Nala Fast Inventar

Nala

Skrevet
  • Forfatter
Skrevet
Skal sjå på det - men garanterer intet! (Men eg trur eg har løysinga. Forresten' date=' eg veit eg har ein meny som gjer det du vil. Ein plass :))[/quote']

Jeg har sagt det før og sier det igjen: Du er en knupp :kyss: Om du finner denne menyen blir jeg deg evig takknemlig.

Klem,

vilde Skravlebøtte

vilde

Skrevet
Skrevet

Skal du ikke legge onclick på a'en da? Altså at den linker en plass og på onclick skjer det noe?

Crazee Fast Inventar

Crazee

Skrevet
Skrevet

Eg er redd eg hugsa feil - det eg hadde gjorde ikkje heilt det du var ute etter likevel. Men for å lata tankane spinna litt rundt det du har - utan at eg har testa noko som helst:

<div id="omenu1" class="menupunkt" onMouseOver</font>

<div id="menu1" class="menu" onclick="event.cancelBubble=true">

<a href="underpunkt.htm" target="_parent">Underpunkt 1</a><br>

<a href="#">Underpunkt 2</a><br>

<a href="#">Underpunkt 3</a><br>

<a href="#">Underpunkt 4</a> </div>

</div>

Fungerer det? Har som sagt ikkje testa...

Nala Fast Inventar

Nala

Skrevet
  • Forfatter
Skrevet

Crazee, endringene dine funker. Eneste problemet er at undermenypunktene forsvinner når man prøver å føre musepekeren til dem for å klikke på dem. Forslag?

Crazee Fast Inventar

Crazee

Skrevet
Skrevet

Hmmm, tja... No brukte eg onMouseOver for å unngå konflikt med onClick - men kanskje det går likevel?

Du kan prøve det, men elles fille eg forsøkt følgjande:

Ha onMouseOver, men ta vekk <a ...> slik at det ikkje er noko lenke, og sjå om menyen fungerer som før då.

Om den gjer det, så forstår eg ikkje kva som skjer.

Om denikkje gjer det (så forstår eg kanskje ikkje meir, men) så ville eg prøvd å leggje til onMouseOut i tillegg, med same funksjon. Grunn: Fordi eg ikkje heilt veit kva anna somkan forsøkast...

Det vil seie - du kan kanskje prøva å erstatta onMouseOver med onMouseUp (altså, at menyen kjem fram ikkje når du klikkar, men er ferdig med klikket)

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!

Opprett en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
 Del
Gå til emneliste
×
×
  • Opprett ny...