Relever la position d'un élément

Version imprimable

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:

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:

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

15/12/2008, 11h56
Matthieu2000

Citation:

<div id="te"><input type="text" name="tex" /></div>

:idea:

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

Code:

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 :)

15/12/2008, 13h40
christgh

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.

est ce normal ça :

Code:

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 ^^

15/12/2008, 13h56
christgh

J'ai trouvé. Merci.

Christian.