Discussion :

[codefalse]

Bonsoir à tous !

Voila, j'aimerai afficher une div juste en dessous d'un élément.
L'idée, ce serait comme afficher une div contenant les dates dans un système de "DatePicker" : Lorsque la personne clique dans la zone de texte, juste en dessous il a une div qui apparait avec une sorte de calendrier, ou il n'a plus qu'à cliquer sur la date qu'il veux.

Un autre exemple fonctionnel serait une sorte de menu déroulant (select) mais dont les options serait une liste de div (ou de ul/li, peux importe) que j'aurai fait en ajax.

Le problème auquel je suis confronté actuellement, c'est que je ne sais pas comment faire pour afficher l'élément juste aux bonnes positions, en dessous de la zone de texte, dont les extrémités sont identiques (le début de la zone de texte est aligné au début de ma div) et dont la longueur sont les mêmes.

Comme l'auto complétion de google.

Une idée ?

Merci de votre aide !

[codefalse]

Bon et bien il semblerait que j'ai trouvé la solution dans votre tutoriaux !

Voici l'url :
Ajax, Une autocomplétion pas à pas

Voici le bout de code important :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
// calcule le décalage à gauche
function calculateOffsetLeft(r){
  return calculateOffset(r,"offsetLeft")
}
 
// calcule le décalage vertical
function calculateOffsetTop(r){
  return calculateOffset(r,"offsetTop")
}
 
function calculateOffset(r,attr){
  var kb=0;
  while(r){
    kb+=r[attr];
    r=r.offsetParent
  }
  return kb
}

(partie 2B)

Ca peux toujours aider d'autres personnes !