Test: AJAX suggest

Leuk!
Tip: Als je op de pijltjes toets naar beneden drukt gaat hij in die lijst naar beneden.
Als je dan eenmaal in de lijst ben moet natuurlijk de pijl naar boven ook werken :p

Ik heb het getest in: FF 2.0.0.3 & Opera 9.10

Ja, goeie tip. Afvangen van keyboard-events moet dan wel cross browser geïmplementeerd worden, maar ik weet dat dat kan. Die gaat op de todo lijst.

nice Jan, hij is lekker snel!
Als ik op een plaatsnaam klik, verdwijnt hij wel uit het lijstje, maar de rest blijft gewoon in het lijstje staan. De oplossing zou zijn om het hele lijste te 'hiden' als je op een element klikt.
getest in FF 2.0.0.3 en Opera 9.10 en IE 7

Op moviemeter.nl is "hetzelfde" maar daar kan je wel navigeren met de pijltjes toetsen. Dus misschien dat je daar een goed idee kunt opdoen..?!

@Jan

Mooi scriptje :) Werkt prima in FF, IE6, IE7 en Opera voor wat het opzoeken betreft. Hij geeft wel goede suggesties, maar:

- Klopt het dat sommige plaatsnamen dubbel in je database staan?
- Als ik een plaats wil selecteren wordt die in het veld geplaatst, dit is goed. Echter wordt de gekozen plaats uit het lijstje gehaald, maar blijft de rest staan. Het keuzeveld zou volgens mij moeten verdwijnen
- Staat er 1 plaats, en kies ik die blijft er wel een leeg vakje staan van de selectlijst. Klik ik daarop, is mijn tekstveld weer leeg.

Verder nogmaals werkt mooi.

@Danny

Het mooie is dat je dit zo kan toepassen op een selectfield, met een paar kleine aanpassingen. Ik denk dat jan eerst wou testen of het doen van suggesties goed werkte en dat hij nog niet klaar is met het script.

[edit]
Hmm.. ik zie dat een aantal opmerkingen te laat kwamen omdat ik onder het typen van het bericht ook aan het testen was.
[/edit]

Mooi hoor........

@ Saimen: die bug is eruit als het goed is nu
@ Danny: ik zal de JS van moviemeter.nl eens bekijken, tnx.

Jan, die bug is er voor een groot deel uit. Nu zie je een punt staan onder het tekstveld (in ieder geval in FF) dat is de linkerbovenhoek zeg maar van je div waarin je de waarden kan selecteren.
Met hidden, of display:none zou je dit nog kunnen veranderen.

@Jan: hij is er half uit!;-) er blijft nog een heel klein puntje van 4 pixels staan. Laat je het lijstje niet gewoon verdwijnen? (display:none)

Op wat positieprobleempjes na doet hij het goed in Safari.

Enige wat me naast het ontbreken van toetsenbord-navigatie nog irriteert is dat hij niet verdwijnt wanneer ik hem niet meer nodig heb, zoals je ook wel in mijn screenshot kan zien (geen focus meer in het plaatsveld, maar nog wel suggesties)

Ow, en 's Graveland kan je niet intikken (hij slikt die apostrof niet) en Leeuwarden staat er niet in :@

:+