Avatar billede vat69 Nybegynder
24. juni 2005 - 12:52 Der er 4 kommentarer og
1 løsning

Problemer med drop down box

Hej jeg har en menu med en dropdown box. Jeg er ikke skarp til JavaS så jeg har fundet en og tilpasset den til min menu.

Den virker fint i IE men giver et lille problem i Firefox.

Problemet er at dropdownen ikke altid forsvinder når musen køre ud af menuen som den gør (og skal gøre i IE). Det er til at leve med men irritere mig naturligvis.

Her er mine koder:

Selve java scriptet:

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

function collapseObjekt(objekt){
var blok = document.getElementById(objekt).style;
blok.display="none"
}

function expand(objekt,onoff){
skjulAlle();
var blok = document.getElementById(objekt).style;
    if (onoff==true)
        blok.display=(onoff) ? "block" : "none"
}

function skjulAlle(){
    for (nr=1;nr<4;nr++)
        collapseObjekt('menu'+nr)
}

</script>


Og Div en der viser dropdownen når musen køre over den:

<div onmouseover="expand('menu1',true)" onmouseout="skjulAlle()"  ><a href="#" style="vertical-align:middle"><img src="images/a-g.gif"></a>

    <div id="menu1">
    <div><a class="knap" href="#">LINK1</a></div>
    <div><a class="knap" href="#">LINK2</a></div>
    <div><a class="knap" href="#">LINK3</a></div>
        </div>
</div>

Håber på lidt hjælp her fra :)
vat69
Avatar billede vat69 Nybegynder
24. juni 2005 - 12:53 #1
NB det skal lige siges at der i alt er 3 dropdown boxe og ikke kun 1 som jeg har vist her i mit spg.
Avatar billede thesurfer Nybegynder
24. juni 2005 - 14:52 #2
Jeg har rettet koden til.. nu virker den fint i IE 6, FireFox 1.0.2 og Opera v8:

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

function collapseObjekt(objekt){
document.getElementById(objekt).style.display="none";
}

function expand(objekt,onoff){
skjulAlle();
    if (onoff==true)
        document.getElementById(objekt).style.display=(onoff) ? "block" : "none";
}

function skjulAlle(){
    for (nr=1;nr<4;nr++)
        collapseObjekt('menu'+nr)
}

</script>


Og Div en der viser dropdownen når musen køre over den:

<div onmouseover="expand('menu1',true)" onmouseout="skjulAlle()"  ><a href="#" style="vertical-align:middle"><img src="images/a-g.gif"></a>

    <div id="menu1" style="display:none">
    <div><a class="knap" href="#">LINK1</a></div>
    <div><a class="knap" href="#">LINK2</a></div>
    <div><a class="knap" href="#">LINK3</a></div>
    </div>
</div>

<div onmouseover="expand('menu2',true)" onmouseout="skjulAlle()"  ><a href="#" style="vertical-align:middle"><img src="images/a-g.gif"></a>

    <div id="menu2" style="display:none">
    <div><a class="knap" href="#">LINK1</a></div>
    <div><a class="knap" href="#">LINK2</a></div>
    <div><a class="knap" href="#">LINK3</a></div>
    </div>
</div>

<div onmouseover="expand('menu3',true)" onmouseout="skjulAlle()"  ><a href="#" style="vertical-align:middle"><img src="images/a-g.gif"></a>

    <div id="menu3" style="display:none">
    <div><a class="knap" href="#">LINK1</a></div>
    <div><a class="knap" href="#">LINK2</a></div>
    <div><a class="knap" href="#">LINK3</a></div>
    </div>
</div>

/theSurfer
Avatar billede vat69 Nybegynder
27. juni 2005 - 14:39 #3
Jeg har prøvet at bruge dine ændringer, men i Firefox er problemet der stadig. Problemet opstår typisk hvis man langsomt køre musen væk fra drop down´en. Kan ikke forklare det anderledes.... har version 0.9.3
Avatar billede thesurfer Nybegynder
27. juni 2005 - 15:00 #4
Hmm.. underligt.... hvis man flytter musen hurtigt ud, f.eks. fra den nedereste menu, bliver den der bare.. forstår jeg ikke helt..

/theSurfer
Avatar billede vat69 Nybegynder
23. august 2005 - 15:58 #5
Lukker
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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