Minulla on vaakasuorassa oleva navigointipalkki, jossa on aukeaa alavalikoita päävalikoiden alle jos päävalikko alavalikoita sisältää.
Ongelma on se, että alavalikosta sivulle päin mentäessä alavalikko jää auki vaikka kursori ei enää ole alavalikon päällä. Vasta kun menee päävalikoiden kautta toiseen kohtaan niin alavalikko lähtee pois. Apuja?
Javascript:
XHTML (karsittu):
Etusivulle
Pääotsikko1
Alaotsikko1
Alaotsikko2
CSS (karsittu):
#navigation{
position: absolute;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation dl {
float: left;
}
#navigation li a, #navigation dt a {
display: block;
}
Ongelma on se, että alavalikosta sivulle päin mentäessä alavalikko jää auki vaikka kursori ei enää ole alavalikon päällä. Vasta kun menee päävalikoiden kautta toiseen kohtaan niin alavalikko lähtee pois. Apuja?
Javascript:
XHTML (karsittu):
Etusivulle
Pääotsikko1
Alaotsikko1
Alaotsikko2
CSS (karsittu):
#navigation{
position: absolute;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation dl {
float: left;
}
#navigation li a, #navigation dt a {
display: block;
}
Vastaukset 2
Vanhimmat
myös onmouseout-käsittelijä eli kun hiiri poistuu valikon alueelta, niin silloinkin tehdään jotain.
Toimisko
Pääotsikko1
Nyt se näyttää alavalikot kun kursori on päävalikon päällä, mutta piilottaa sitten alavalikot ku lähtee viemään kursoria alavalikon päälle.
Tuon onmouseoutin kanssa varmasti pitää tehdä, mutta mihinkäs se pitäs laittaa et toimis oikein...