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 !