[RESOLU][javascript] problème de repositionnement d'élément

problème de repositionnement d'élément [RESOLU][javascript] - HTML/CSS - Programmation

Marsh Posté le 18-01-2011 à 18:38:23    

bonjour,
 
j'ai un petit problème, dont la solution est j'en suis sur fort simple, mais qui me bloque complètement pour le moment.
 
j'ai, sur une page html, des objets dont le positionnement originel est défini de manière absolue dans un css...
 

Code :
  1. display.css :
  2. #mon_objet_a_positionner
  3. {
  4.  position:absolute;
  5.  left:500px;
  6.  top:500px;
  7. }


 

Code :
  1. <html>
  2. <head>
  3.  <link rel="stylesheet" href="display.css" type="text/css" media="screen" title="Simple" />
  4.  <script language="javascript">
  5.    function repositionner(){
  6.      document.getElementById("mon_objet_a_positionner" ).style.right = "0px";
  7.      document.getElementById("mon_objet_a_positionner" ).style.top = "0px";
  8.    }
  9.  </script>
  10. </head>
  11. <body>
  12.  <table id="mon_objet_a_positionner" onClick="repositionner()">
  13.    <tr><td>une cellule pour rire</td></tr>
  14.  </table>
  15. </body>
  16. </html>


jusque la, tout est très banal: au chargement de la page, mon objet se trouve bien à l'endroit voulu.
hors il se trouve donc que je veux par la suite redéfinir sa position via du javascript, en cliquant dessus.
 
mon problème est le suivant:
l'affectation de "0px" à la propriété "left" dans le css m'empêche de coller mon_objet_a_positionner à droite de mon écran via la fonction repositionner().
je sais que c'est très exactement ça qui me bloque, puisqu'en supprimant la ligne "left:500px;" du css, le repositionnement de mon_objet_... se déroule exactement de la manière voulue. par contre, si je supprime la ligne, mon objet n'est plus correctement positionné lors du chargement de la page.
 
la solution toute indiquée serait donc d'effacer/d'ignorer la propriété "left:500px;" lors de l'exécution de repositionnement(), mais je ne vois pas comment faire.
 
est ce que vous avez une solution à ce problème?
 
EDIT:
résolu en rajoutant

Code :
  1. document.getElementById("mon_objet_a_positionner" ).style.left= "auto";


dans repositionnement().
j'avais déjà essayé, mais sans résultat... faut croire que j'avais fait une erreur de frappe.


Message édité par thenecromancer le 19-01-2011 à 06:55:26
Reply

Marsh Posté le 18-01-2011 à 18:38:23   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed