Avatar billede simotho Nybegynder
06. november 2008 - 17:39 Der er 10 kommentarer

sim, derefter dropdown menu

Hej alle!

Mangler et script som gør det muligt at når man skal skrive en besked over post, så når man skal skrive modtagerens brugernavn i feltet "Til", så hvis man f.eks skriver

sim

så skulle der gerne komme en liste ned med brugernavne som starter med dette?
Avatar billede w13 Novice
06. november 2008 - 17:46 #1
Det skal laves med JavaScript og evt. noget AJAX.

Ellers så prøv at se lidt på:

<script type="text/javascript">
function showList(oList){

    for(var i=0,im=oList.getElementsByTagName("div");i<im.length;i++)
        im[i].style.display="block";

}
function updateList(oList,sText){

    showList(oList);

    for(var i=0,im=oList.getElementsByTagName("div");i<im.length;i++)
        if(im[i].getAttribute("title").toLowerCase().indexOf(sText.toLowerCase())!=0)
            im[i].style.display="none";

}
</script>

<input type="text" onkeyup="updateList(document.getElementById('list1'),this.value)">

<div id="list1">
    <div title="Adam Pedersen">Adam Pedersen</div>
    <div title="Alberte Christiansen">Alberte Christiansen</div>
    <div title="Alberte Sørensen">Alberte Sørensen</div>
    <div title="Alex Poulsen">Alex Poulsen</div>
    <div title="Alexander Olsen">Alexander Olsen</div>
    <div title="Alexander Skov">Alexander Skov</div>
    <div title="Alexander Nielsen">Alexander Nielsen</div>
</div>
Avatar billede simotho Nybegynder
06. november 2008 - 18:09 #2
det virker ikke, når jeg skriver navnen ind i tabellen, viser den bare navnene normalt, der er ikke noget drop down over det :( ;)
Avatar billede w13 Novice
06. november 2008 - 18:16 #3
Nej, der er ikke nogen drop down effekt på, så det virker fint som det skal. =)

Idéen i koden er at vise, hvilke brugernavne, der matcher det indtastede.
Avatar billede w13 Novice
06. november 2008 - 20:39 #4
Drop down effekten er jo blot simpel CSS.
Avatar billede simotho Nybegynder
06. november 2008 - 21:04 #5
jamen ville gerne ha vist hvordan man gjorde, da css ikke er min stærke side :)
Avatar billede w13 Novice
06. november 2008 - 21:07 #6
Hvornår ville du så have den til at dukke frem/forsvinde??
Avatar billede w13 Novice
06. november 2008 - 21:08 #7
Og kan du bruge den kode, jeg har vist, for ellers er det jo ligegyldigt.
Avatar billede simotho Nybegynder
06. november 2008 - 21:24 #8
Det skal fungere således at man skriver noget i feltet "Til" og så når man f.eks skriver sim, som er de 3 første bogstaver i brugernavnet, så skal alle med de 3 første bogstaver sim dukke frem nedeunder på en række.

Den du har vist viser navnene inden man skriver noget i feltet "Til" :)

Håber du kan hjælpe og forstod dette! ;)
Avatar billede w13 Novice
06. november 2008 - 21:30 #9
Ja, den jeg har vist fjerner de navne, som man ikke er ved at skrive. Så den gør vel præcis det korrekte?
Avatar billede w13 Novice
06. november 2008 - 21:36 #10
Dvs. hvis du nu prøver at skrive et af de navne, den foreslår, gør den så ikke præcis det rigtige? :)

Navnene under repræsenterer så selvfølgelig de forskellige brugernavne.
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester