Accueil > Forum > > > > Connaître la position d'un input
Connaître la position d'un input
mardi 22 janvier 2008 à 09:44:42 |
Connaître la position d'un input

kcin
|
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
|
|
mardi 22 janvier 2008 à 09:51:45 |
Re : Connaître la position d'un input

Zobibol
|
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]
|
|
mardi 22 janvier 2008 à 10:07:25 |
Re : Connaître la position d'un input

kcin
|
ok merci. Je vais voir ce que je peux faire avec.
Kcin
|
|
mardi 22 janvier 2008 à 11:03:34 |
Re : Connaître la position d'un input

XtremDuke
|
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"));
|
|
mardi 22 janvier 2008 à 11:05:13 |
Re : Connaître la position d'un input

XtremDuke
|
"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 : "
|
|
Cette discussion est classée dans : input, connaître, position, souris, bulle
Répondre à ce message
Sujets en rapport avec ce message
position de la souris sur une image [ par golgoth ]
Bonjour,Comment faire pour recuperer dans un lien la position de la souris sur une image quand je clic sur celle-ci ? Est ce possible ?Merci pour votr
Modifier position de la souris [ par schub1015 ]
Bonjour,j'aimerais savoir s'il est possible de modifier la position de la souris ?Merci pour vos réponses.
Position de la souris [ par SDK_akira ]
Bonjour ^^ Je cherche un moyen de recuperer la position de la souris en javascript, c'est possible ? (j'ai cherché mais je n'ai rien trouvé)
[DOM] Connaître la position d'un Childnode par rapport à ses siblings [ par mentral ]
Bonjour.Je cherche la fonction ou l'attribut qui, appliqué(e) à un childnode, me renvoie sa position. Exemple : </p
TextArea ou Select et position de la souris [ par 6BerYeti ]
Bonjour,Je souhaite faire afficher une infobulle là où est le curseur (avec un offset) et à la déplacer qd la souris se déplace.J'ai à peu près tout c
Position souris et frames [ par PlasTicGoat ]
bonjour, J'ai une page web composée de 3 frames: - 1 principale - 1 bandeau en haut - 1 paneau à gauche Je voudrais savoir précisément (pour déclenc
deplacer des div avec la souris [ par reski_01 ]
bonjour a tous, j'ai chercher partout mais je ne trouve pas comment modifier ce que j'ai pu collecter je voudra
[DEPLACE]variable definie par la position de la souris [ par Ankaa1988 ]
Bonjour a tous, je suis en train de me débattre pour trouver le moyen de modifier une variable en fonction de la position de la souris. je m'explique
variable definie par la position de la souris [ par Ankaa1988 ]
Bonjour a tous, je suis en train de me débattre pour trouver le moyen de modifier une variable en fonction de la position de la souris. je m'explique
Connaître la position du curseur à un temps donné [ par jdmcreator ]
Bonjour,J'ai une question tout bête que je ne suis pas capable de régler. Je voudrais avoir la position du curseur à chaque seconde. J'ai tenté d'util
Livres en rapport
|
Derniers Blogs
L'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIESL'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIES par odewit
La tendance est aux interfaces naturelles (NUI), et le keynote de Bill Buxton au MIX l'a bien souligné.
La charte graphique et ergonomique de Windows Phone 7 a donc été entièrement repensée en vue d'obtenir un maximum d'efficacité sur ce point. En re...
Cliquez pour lire la suite de l'article par odewit COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
Comparez les prix

HTC Magic
Entre 429€ et 429€
|