26. januar 2008 - 12:53Der er
5 kommentarer og 1 løsning
Et HTML/Javascript spørgmål til de virkelige skarpe hjerner
Hejsa
Hvis du bruger den nye version af Hotmail (live.mail.com), ved du sikkert, at når man skal sende en mail, kan man skrive et bogstav i til-feltet, hvorefter der nedenunder fremkomme en liste med navne hvor det tastede bogstav indgår.
Jeg leder efter noget html/javascript kode der kan lave denne liste. Selve indlæsning af dataene har jeg funktionalitet til. Det er mere udseendet af listen og selve det at man kan bruge piltaster til at scrolle ned i listen, samtidig med at cursoren stadig er placeret i til-feltet.
Det kunne ligne et textarea element, men hvordan har man fået det til at agere som en liste?
Er der nogen der ved hvordan man laver en sådan liste? I behøver ikke tænkte på funktionaliteten vedr. ajax og indholdet af listen. Det har jeg styr på. Idag bruger jeg et helt almindelig select element. Men jeg kunne godt tænke mig at få det til at se ud som på Hotmail.
Det er flere point i vente til det helt rigtige svar/eksempel ;-)
Det er en yderst kompleks opgave, som vil kræve adskillige meget lange tutorials. Ajax - med dertilhørende DOM-programmering - er kun for de allermest 'langhårede' frontend kodere, selvom det ikke ser sådan ud, når man søger efter tutorials/artikler. Der er bunker af faldgruber i forbindelse med Ajax - og det, du efterlyser, er faktisk en integreret del af Ajax ... nemlig DOM-programmering.
Problemet er, at kun et ubetydeligt fåtal af de, der skriver om teknikken, ved, hvad de skriver om - og at det stort set er umuligt for den ikke meget øvede at kende forskel på al skidtet og de ganske få korn af kanel, som findes 'derude' :)
Forøvrigt kan du ikke uddele mere end 200 points i forbindelse med et spørgsmål
Mange tak for din kommentar. Alt det der med Ajax føler jeg nu at jeg har ganske styr på. I hvertfald har jeg styr på at få data i et helt alm select tag. Det er god blot udseendet af listen jeg har problemer med at greje.
Ved godt at man ikke kan uddele mere end 200 point, men jeg kunne jo f.eks. lave et lille let spørgsmål som vedkommende let kunne besvare.....Ved godt at det er lidt snyd ;-)
- og kommentaren omkring Ajax går på kompleksiteten af Ajax's grundlæggende teknikker. Det er ikke svært at indsætte noget i en select, men det er ofte overordentlig vanskeligt at gøre det i en god, valid og effektiv kode.
Oftere end tit består det, folk kalder Ajax, af uhensigtsmæssig og invalid kode, hvor der f.eks. bruges innerHTML til indsætningen af data - hvilket ikke har meget med Ajax at gøre. I stedet bør det gøres med DOM, men det stiller store krav til koderens viden/erfaring i almindelighed - og i særdeleshed med hensyn til kendskabet til de forskellige browseres event-modeller og garbage collection. Hvis ikke man er overordentlig vågen, ender man ofte i situationer, hvor ikke mindst IE mister oceaner af hukommelse.
Det er meget sjældent, man støder ind i folk, der har styr på Ajax - men ligeså almindeligt at møde folk, der tror, de har det ;o)
Fandt aldrig en super løsning, men måtte nøjes :-)
Synes godt om
Ny brugerNybegynder
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.