He
Ik ben bezig met een interne webapplicatie en momenteel maak ik gebruik van frames. Maar om nou de gebruikersvriendelijkheid en snelheid te verhogen heb ik me de laatste tijd verdiept in AJAX.
Dat hele php gedoe en gegevens ophalen snap ik wel, maar nu wil ik nog iets leuks met javascript, maar ik heb geen idee hoe.
Nu is het zo: Je typt in voetbal, en zodra je de derde letter intypt laat hij een lijst zien met 10 resultaten, hoe meer letters je intypt hoe specifieker die lijst wordt. Dat is perfect.
Je kan ook met TAB of PIJL OMLAAG en PIJL OMHOOG navigeren. Maar nu loop ik tegen het probleem dat ik die lijst (met resultaten) niet wegkrijg. Dus ik als ik nu geen mogelijkheid kies maar met de muis ergens anders klik, dan gaat dat niet weg, logisch ook.
Daarnaast is ook de 'geselecteerde' (met tab of pijltjes) of 'gehoverde' (met muis) keuze blauw. Voor muis doe ik dit met css(hover), voor tab of pijltjes pas ik de css aan met javascript(color en backgroundcolor).
Verder wordt de lijst met gegevens in een div gegoten, waarin de items weer in een ul -> li staan.
De eisen zijn:
-navigatie dmv, pjiltjes, tab en muis
-selecteerde of gehoverde keuze moet andere stijl hebben
-venster moet sluiten zodra de focus van de lijst of het tekst veld verloren is
-voorbeeld: Google suggest, dat zou de ideale oplossing zijn :)
Hoe krijg ik dat weg? Nou ik heb al een aantal manieren maar ik heb of nog niet fatsoendelijks of IE ondersteunt het niet.
- Als je de focus van het tekst veld en resultaten verliest. Ecter IE ondersteunt niet een soort 'defocussed'-functie.
-Met ul hover dacht ik al, maar :hover wordt door IE alleen bij links ondersteunt
De oplossing moet door IE ondersteunt worden, dat is de browser die intern gebruikt wordt.
Alvast bedankt
2.001 views
