Diverse smaa problemer med ajax-suggestion test
Jeg er ved at teste lidt med at lave en ajax-baseret autosuggest ting til Lufthavne/Byer.Jeg har faaet ajax til at virke og mine problemer er mere vedr. javascript elementer.
http://130.226.209.34/tests/airport.jsp
Der er foelgende problemer:
1)
Hvis man klikker paa foreslaget i selectoren, kommer det ikke op i tekst-feltet. Det synes jeg er underligt. Jeg har brugt dette:
<select id="suggestion" name="suggestion" size="4" style="width:200px; visibility:hidden; " onchange="document.getElementById('origin').value=this.options[this.selectedIndex]; hideAirportSuggestions(); ">
2)
Jeg vil gerne have at man kan trykke pil-ned og saa kommer man ind i selectoren.
3)
Som det er nu kommer der kun et resultat fra XML'en. Hvis jeg vil sende dem, der er (flere), skal jeg tilsvarende have fikset det i javascriptet. Lige nu bruger jeg dette:
response = req.responseXML.documentElement;
result = response.getElementsByTagName('result')[0].firstChild.data;
Og...
function replaceAirportsInfo(newairports)
{
var sug = document.getElementById('suggestion');
sug.innerHTML = "<option value=\"" + newairports + "\">" + newairports + "</option>";
}
Jeg har saa to muligheder. Jeg kunne godt fikse det ved at lade min xml udskrive f.eks Noget+Noget Andet+Noget Tredie og saa splitte teksten over +'et og lave innerHTML'en til en lang streng med det noedvendige antal options. Men det er nok mere elegant at lave et JS array og putte bynavnene deri naar der loades fra xml'en og derefter lave new Option() i JS for de forskellige bynavne. Saa kunne jeg endvidere soerge for at antallet af linier i selectoren passede til antallet af muligheder, men det kan jeg ikke lige finde ud af :)
Haaber nogen kan hjaelpe med disse problemer.
