Søg
Avatar billede pezzo Nybegynder
02. juli 2003 - 17:15 Der er 19 kommentarer og
1 løsning

Dropdown script

Hej!

Jeg sidder og er ved at få grå hår over en dropdown menu. Den vil simpelthen ikke som jeg vil, og er nemlig ik særlig hård til javascript.

Nogen som ved hvor jeg kan finde en løsning??
Avatar billede schaefner Juniormester
02. juli 2003 - 17:15 #1
Når vi ikke har et script, så kan ve vel kun linke til andre menu'er?
www.disneyzone.dk/menu/
Avatar billede pezzo Nybegynder
02. juli 2003 - 17:18 #2
Ehm ikke helt sådan, min fejl. Men mere en løsning hvor man styre nogle DIV's nemlig, det jeg har lavet.
Avatar billede roenving Novice
02. juli 2003 - 17:24 #3
Jamen hvor skal de flyttes hen og hvorfor ?-)

Skal de have en fast plads inde i nogle andre dokumenter, eller skal de netop fordi de folder ud sættes på plads på en anden måde -- der er lige en 14-40 andre spm, men det her holder vist for nu ?o]
Avatar billede pezzo Nybegynder
02. juli 2003 - 17:24 #4
NU har jeg sq løst det!
Avatar billede pezzo Nybegynder
02. juli 2003 - 17:25 #5
Ved ikke lige hvordan jeg gjorde, men brugte hjernen og vupti!
Avatar billede pezzo Nybegynder
02. juli 2003 - 17:25 #6
Men smid et svar schaefner og roenving  så kan vi da dele :)
Avatar billede roenving Novice
02. juli 2003 - 17:33 #7
Nej behold du bare dine point ...

jeg er mere nysgerrig efter hvordan dit problem så ud og hvordan du løste det !-)
Avatar billede pezzo Nybegynder
02. juli 2003 - 17:40 #8
roenving > har faktisk et problem alligevel.

Når man kører over et menupunkt vises en menu under den jo naturligvis i den dropdown og fjerner man menuen væk fra selve dropdown menuen fjerner den selv også, det fint nok. Men fjerner man musen fra menulinket som aktiver dropdown menuen, forbliver den. Sætter jeg timeout på den, så forsvinder når man er på vej til at vælge et link i listen. Hvordan kan man gøre så den fjerner timeouten når man kommer ned i menuen ??

hvis du forstår mig??
Avatar billede roenving Novice
02. juli 2003 - 17:49 #9
Hvad med at tidoble timeout-tiden hvis undermenuen får en mouse-over ?o]
Avatar billede pezzo Nybegynder
02. juli 2003 - 17:50 #10
Ja altså hvis menuen får en mouse-over skal den ikke fjerne menuen alligevel, men det kan jeg ikke findeud af og forhindre.!!
Avatar billede roenving Novice
02. juli 2003 - 17:56 #11
Det er vel sådan, at hvert punkt i din menu består af to div'er el.lign.

Så når du laver mouse-over på over-punktet, så folder menupunktet sig ud ved en eller anden vis-mig-dog-mekanisme på den anden del af menupunktet -- der kan vel være noget mouse-over på den, som laver en ny setTimeout ...
Avatar billede pezzo Nybegynder
02. juli 2003 - 20:24 #12
ehm fatter jeg ik helt, men nu havde jeg lige fået det til at virke men nu har jeg fået problemer igen.

Når man kører ind i selve undermenuen (dropdown) og IKKE er i nærheden af et tekstlink forsvinden den ik før man kører ud af dropdown'en. Det jo godt nok, men så snart man har musen over et link/tekst element så forsvinden menuen. Hvad kan det skyldes??

Min dropdown div er sådan her:
<div id="B" onmouseover="keppMenu('B',true);" onmouseout="fjernAlle('B',false);"><div class="menuelm"><a class="droplink" href="kompetencer.asp?aID=1">Systemer</a></div><div class="menuelm"><a class="droplink" href="kompetencer.asp?aID=2">Design</a></div><div class="menuelm"><a class="droplink" href="kompetencer.asp?aID=3">Support</a></div><div class="menuelm"><a class="droplink" href="kompetencer.asp?aID=4">Skræddersyet</a></div></div>
Avatar billede roenving Novice
02. juli 2003 - 21:10 #13
Jeg kan forestile mig det handler om, at du så er på en element-type, som regnes som selvstændig ...

Hvad sker der, hvis du bruger nogle visibility-/display-egenskaber ved hjælp af selectors, som er sammensatte:

.menuelm, .menuelm>a:link:visited:hover {display:block;}
a.droplink:link:visited{color:lightgreen;}
a.droplink:hover{color:white;text-decoration:none;font-weight:bold}

-- det kan kan være svært at kombinere med andre egenskaber, men hvis man ikke krydser dem er det muligt ...
Avatar billede pezzo Nybegynder
02. juli 2003 - 21:20 #14
Hvis jeg sætter :
.menuelm, .menuelm>a:link:visited:hover {display:block;}

ind i min kode, virker det heller ikke.... :(
Avatar billede roenving Novice
02. juli 2003 - 21:26 #15
Har selv på et tidspunkt ahft fat i sådan noget:

function showMenu(nr){
    obj=document.getElementById('menutext'+nr);
    obj.style.display="block";
}

function hideMenu(nr){
    document.getElementById('menutext'+nr).style.display='none';
}
<BODY BGCOLOR="#0099CC" STYLE="display:block;overflow:no" ONLOAD="posText()">
<DIV ID="menu" STYLE="display:block;overflow:no">

    <DIV ID="menuover" CLASS="menuOverskrift" STYLE="display:block">Hvad vil du</DIV><BR><BR>
  <TABLE ONMOUSEOVER="showMenu(1);" ONMOUSEOUT="hideMenu(1);"><TR><TD>
    <DIV ID="menupunkt1" CLASS="menuPunkt" STYLE="display:block"><A HREF="java script:showFrame('Start');">Start/Instruktion</A><BR>
    <DIV ID="menutext1" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"><A HREF="java script:showFrame('Start');">&nbsp;&nbsp;Start&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</A></DIV></DIV>
    </TD></TR></TABLE>

Som funker (men godt nok er under ombygning ... )

css til ser sådan ud:

.menuPunkt, .menuPunkt a{
text-decoration: none;
font-family: verdana,arial,sans-serif ;
color: #CCCCCC ;
font-size: 10pt ;
font-weight: bold ;
cursor:hand;
}

.menuText, .menuText a{
background-color:#66CCCC;
text-decoration: none;
font-family: verdana,arial,sans-serif ;
color: #30C ;
font-size: 10pt ;
font-weight: normal ;
cursor:hand;
}
Avatar billede pezzo Nybegynder
03. juli 2003 - 04:03 #16
hmm jeg kan sq ikke få det til at virke....
Avatar billede pezzo Nybegynder
03. juli 2003 - 11:26 #17
Men tjek selv koden her: http://www.pezzo.net/site/start.asp

Så kan i jo lige fortælle hvad jeg gør forkert...
Avatar billede roenving Novice
04. juli 2003 - 02:59 #18
Det virker da sådan som du selv beskriver du vil ahve det til nu ?-)
Avatar billede pezzo Nybegynder
04. juli 2003 - 09:18 #19
Jep, fandt ud af at funktionen var clearTimeout.

Såh jah det virker nu :)
Avatar billede pezzo Nybegynder
21. juli 2003 - 14:35 #20
,
Avatar billede 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.

Loading billede Opret Preview
Kategori
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
24/0811:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
White papers
Flere white papers »