Bonsoir,
Je travaille sur un syst�me d'�dition de champs classique : un DIV contenant un texte se change en INPUT quand on clique dessus => le texte est modifiable. Jusqu'ici tout va bien..
Le probl�me auquel je me retrouve confront� est que mon �l�ment INPUT se d�cale l�g�rement par rapport � l'�l�ment DIV d'origine sous certaines conditions (taille de la police par exemple). Du coup, cela d�cale et/ou d�place d'autres �l�ments dans ma page. Bof bof..
Une solution a �t� de passer le style position de l'�l�ment INPUT en absolue et d'utiliser une fonction Javascript pour r�cup�rer les coordonn�es top/left du DIV de d�part,
puis de d�placer l'�l�ment INPUT avec
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 getPosition(e){ var left = 0; var top = 0; while (e.offsetParent){ left += e.offsetLeft; top += e.offsetTop; e = e.offsetParent; } left += e.offsetLeft; top += e.offsetTop; return {x:left, y:top}; }
Mais cela n'est pas viable car je me retrouve confront� � d'autres probl�mes de positionnements, l'�l�ment INPUT cr�ant un vide dessous lui.
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3input.style.top = ... input.style.left = ...
Je souhaiterais donc pouvoir d�placer mon INPUT sans avoir � toucher � la propri�t� de positionnement.
Des id�es ????
Partager