Connaître la position d'un input

Question

Salut à tous.

Je vois de partout des codes permettant de connaître la position de la souris, mais existe t-il un code pour connaître la position d'un input type text ? Par exemple la position du coin haut droit.

Sur un site, j'aimerais y intégrer des infos-bulle, pour le moment c'est quand la souris passe dessus que ça s'affiche, mais j'aimerais que la bulle apparaisse dans le cas où l'internaute utilise la touche tab pour se déplacer dans le formulaire. Donc au lieu de faire un onmouseover et onmouseout, j'utiliserais un onfocus et un onblur.

Merci.

Kcin

Zobibol · Answer

Salut, pour les positions ( de tous les contrôles HTML d'ailleurs):
    top: document.getElementById("monID").offsetTop
et left ( attention trop dur ;o))
    left :document.getElementById("monID").offsetLeft

voilà qui doit t'aider un peu !

[o-_-o]

cs_kcin · Answer

ok merci.
Je vais voir ce que je peux faire avec.

Kcin

XtremDuke · Answer

Attention, selon le DOCTYPE de ton document et le mode de positionnement du parent de ton objet, l'instruction document.getElementById("monID").offsetTop te renverra les coordonnées par rapport à son parent et non par rapport au document.

Voici une fonction qui retourne un tableau avec les dimension X et Y de ton objet passé en paramètre :




function getOffsets(obj) {
    var offsetTop = obj.offsetTop;
    var offsetLeft = obj.offsetLeft;
    while ((obj = obj.offsetParent )!=null) {
        offsetTop += obj.offsetTop;
        offsetLeft += obj.offsetLeft;
    }
    return [offsetLeft, offsetTop];
}

Exemple d'utilisation :

var positionDeMonInput = 


getOffsets(document.getElementbyId("monInput"));

XtremDuke · Answer

"Voici une fonction qui retourne un tableau avec les dimension X et Y de ton objet passé en paramètre :"

Comprendre :


"Voici une fonction qui retourne un tableau avec les positions X et Y de ton objet passé en paramètre : 		"

Connaître la position d'un input

4 réponses

Votre réponse

Discussions similaires