Relever la position d'un élément

**christgh** · 15/12/2008, 11h23

Bonjour,

Je cherche à relever la position d'un champ texte afin de lui coller une liste de suggestion (via Ajax).

Le souci est que ce code (voyant que le mien ne marchait pas, j'en ai pompé d'autres qui ont montré le même problème) provenant de site ...

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
 
function testtop(r)
{
  return calculeOffset(r,"offsetTop");
}
 
function calculeOffset(element,attr)
{
  var offset=0;
  while(element)
  {
    offset+=element[attr];
    element=element.offsetParent;
 }
  return offset;
}

invariablement, me retourne NaN.

voici ma page de test:

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
 
<body>
	<tr>
    	<td><input type="text" id="te" name="tex"  /></td>
    </tr>
    <tr>
    	<td><input type="button" id="lb" name="sup_lb" value="Supprimer" class="btsup" onclick="alert(testtop('te'))" >
		</td>
      </tr>
 
    </form>	
	</table>
    </div>
 
 
</body>

Avez-vous une idée ?

Christian

**Matthieu2000** · 15/12/2008, 11h56

**le_chomeur** · 15/12/2008, 12h05

de plus pour trouver la vrai position d'un élément :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function findPos(obj){
		//position x / y de l'objet
	    var x = obj.offsetLeft || 0;
	    var y = obj.offsetTop || 0;
		//tant qu'il y a un parent, on ajoute la position de son parent
	    while (obj = obj.offsetParent) {
	        x += obj.offsetLeft
	        y += obj.offsetTop
	    }
		//Ici on retour x ou y ( ou les deux dans un tableau ou un hash
	    return new Array(x,y);
	}

renvoit un tableau contenant x et y

**christgh** · 15/12/2008, 13h40

Merci pour vos réponse.

Avec le dernier code et en ajoutant l'id dans le div. J'obtiens invariablement 0,0. C'est à dire ce que j'avais comme résultat dans mon tout premier code.

Si votre code fonctionne chez vous pourquoi cela ne veut il pas le faire chez moi. Le code de ma page HTML de teste est vraiment tel que je l'ai laissé plus haut.

Alors y a t-il quelque chose qui ne vas pas ? Est-ce le tableau qui n'est pas géré ? Je lui ai également donné un id.

De plus il faut savoir que dans ma version définitive. Le champ qui fera apparaître la liste de suggestion fait partit d'un calque avec un scroll. Ce qui veut dire que ce champ (contenu dans un tableau) va bouger de position ) à l'écran...

Christian.

**le_chomeur** · 15/12/2008, 13h54

est ce normal ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
	<tr>
    	<td><input type="text" id="te" name="tex"  /></td>
    </tr>
    <tr>
    	<td><input type="button" id="lb" name="sup_lb" value="Supprimer" class="btsup" onclick="alert(testtop('te'))" >
		</td>
      </tr>
 
    </form>	
	</table>
    </div>

les balise ne sont pas ouverte ... donc pas d'élément parent a trouver ^^

**christgh** · 15/12/2008, 13h56

J'ai trouvé. Merci.

Christian.

Relever la position d'un élément

JavaScript

Discussions similaires

Partager

Partager