Discussion :

[Jcpan]

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

[Bovino]

Il s'agit en fait d'une div contenant la liste et positionnée sous le champ texte.

[Jcpan]

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

Merci

[Bovino]

Un exemple ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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';