begin process at 2012 05 29 16:28:16
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Position absolut d'un éléments


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Position absolut d'un éléments

mardi 26 avril 2005 à 15:17:06 | Position absolut d'un éléments

GoldPegasus

Bon voila
j'aimerai savoir comment on fait pour récupérer la position absolut d'un éléments html comme par exemple une image
mercredi 27 avril 2005 à 01:37:38 | Re : Position absolut d'un éléments

GhislainLavoie

Réponse acceptée !
Salut!

J'ai écrit deux fonctions récursives pour connaître le positionnement absolue d'un objet.

Le script :

<script type="text/javascript">
function topElement(e)
{
return ((e && topElement != topElement.caller)?e.offsetTop:0) + ((e && e.offsetParent)?e.offsetParent.offsetTop + topElement(e.offsetParent):0);
}
function leftElement(e)
{
return ((e && leftElement != leftElement.caller)?e.offsetLeft:0) + ((e && e.offsetParent)?e.offsetParent.offsetLeft + leftElement(e.offsetParent):0);
}
</script>

Pour l'utiliser, on appel la fonction topElement où leftElement avec en paramètre l'objet que l'on désire connaître la position.

Par exemple pour cet image :

<img id="monImage" src="003.jpg" alt="" border="0">

On fait comme ceci :

obj =document.getElementById("monImage");
posX = leftElement(obj);
posY = topElement(obj);

A+, Ghislain

mercredi 27 avril 2005 à 08:42:03 | Re : Position absolut d'un éléments

GoldPegasus

Super merci :) ces deux fnction vont m'est très utile je test et je te dis quoi
mercredi 27 avril 2005 à 08:54:47 | Re : Position absolut d'un éléments

GoldPegasus

c'est génial marche super ;) merci
jeudi 21 juillet 2005 à 12:23:38 | Re : Position absolut d'un éléments

lolotte230478

Salut,

j'ai le meme soucis mais je suis tres tres tres tres novice et je ne sais pas, une fois qu'on a recupéré la position comment y attacher mon div dynamiquement
quelqu'un peut il m'aider?

lolotte


Cette discussion est classée dans : position, éléments, absolut


Répondre à ce message

Sujets en rapport avec ce message

changer la position des éléments dans une listbox [ par jericho63 ] bonjour voici mon problème: j'ai une listbox dans ma page dans laquelle je fais afficher le contenu d'un table mysql ordonner selon un index. ce qu Position absolute selon un calque [ par skit ] Bonjour à tous, j'ai un petit problème pour lequel je ne trouve aucune réponse. J'ai deux calques imbriqués l'un dans l'autre et celui qui est imbriqu DOM, id et position [ par Teclis01 ] Bonzourrrrr Je fais une petite application pour un jeu en php/mysql/js/.... et j'ai besoin d'un petit coup de pouce pour le DOM <img sr Affichier un texte avec la position X et Y [ par bshaka ] Bonjour à tous,j'ai trouvé sur le web cette fonction qui affiche date et heure à une position x et y, pour l'appeler, je fais :InitHorloge(265,56,"fon Problème ajout dynamique dans select [ par bizibiz17 ] Bonjour,J'essaye de remplir une liste (select) à partir d'autres éléments sélectionnés précédemment et l'insertion ne se fait paset à vrai dire je ne position d'un element dans une page [ par skully ] bjr,j'ai un element (input="text" name="t1") dans ma page jsp (ou html pareil), qui a une position que je récupère avc : pos = eval(curTop(document.ge Problème alignement menu déroulant [ par Sandra28 ] Bonjour,J'aurais besoin de votre aide pour un problème sur un menu déroulant.Mon menu se déroule bien, mes liens fonctionnent, mais le problème que je syntaxe possible ? [ par sapakus ] Bonjour,pour gérer les évènements intervenants sur des éléments de formulaire on utilise ceci :maCacase.onclick=faitSa;imaginons maintenant que freeTexBox position curseur [ par tamcheiktt ] Bonjour,Mon problème, j'ai FreeTexBox  et j'ai un listBox et un bouton(inserer) je voudrai mettre le curseur dans freeTextBoxe eet en cliquant sur le éléments de ma page disparraissent avec insertion js [ par truitas ] Bonjour, j'espère que vous pourrez me venir en aide. En effet, à chaque fois que j'insère par exemple un tableau fonctionnant avec du Jscript ou une b


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,045 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales