D�placer un �l�ment Input avec une fonction
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,
Code:
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};
} |
puis de d�placer l'�l�ment INPUT avec
Code:
1
2
3
|
input.style.top = ...
input.style.left = ... |
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.
Je souhaiterais donc pouvoir d�placer mon INPUT sans avoir � toucher � la propri�t� de positionnement.
Des id�es ????
