afficher une liste dans input

Version imprimable

19/02/2009, 18h10
Jcpan

afficher une liste dans input

Bonjour

je cherche à afficher une liste dans input, comme le fait google à la recherche il nous ouvre un combobox pour nous aider à voir ou compléter nos thèmes de recherche.
pouvez m'indiquer comment faire

merci d'avance
19/02/2009, 19h45
Bovino

Il s'agit en fait d'une div contenant la liste et positionnée sous le champ texte.
19/02/2009, 20h04
Jcpan

8O un exemple serai le bien venu
euh j'ai oublié de préciser que je liste des données venant d'une db Mysql :aie:.

Merci

Un exemple ?

Code:

1
2
3
4
5
6
7
8
 
<div id="resultat">
    <ul>
        <li>Premier item</li>
        <li>Deuxième item</li>
        <li>Troisième item</li>
    </ul>
</div>

Ensuite, à toi de positionner avec JavaScript ta div afin qu'elle se positionne sous l'input, du style

Code:

1
2
3
4
5
6
7
8
9
10
11
var source = document.getElementById('un_input');
var dest = document.getElementById('resultat');
var posX = source.offsetLeft, posY = source.offsetTop + source.offsetHeight;
while(source.parentNode){
    source = source.parentNode;
    posX += source.offsetLeft;
    posY += source.offsetTop;
}
dest.style.position = 'absolute';
dest.style.left = posX + 'px';
dest.style.top = posY + 'px';