Discussion :

[bylka]

Bonjour

je veux positionner un div dynamiquement en js , voici mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
var target = $('#my_div');
	 var cssObj = {
        'top' : '100px',
        'left' : '100px',
	'width' : 'auto',
	'height' : 'auto',       
      }
 
target.css(cssObj);

mais ça ne marche pas, est ce quelqu'un aurez une idée?

Merci d'avance

[danielhagnoul]

Bonsoir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
    <script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){ 
            $("#my_div").css({
                top: 100,
                left: 100,
                width: 'auto',
                height: 'auto'
            });
        });
    </script>

Voir les tutoriels !

[bylka]

Merci pour ta réponse

j'arrive a positionner mon div avec le code ci-dessus, par contre je galère pour avoir la position

avant je passais par prototype et j'utilisais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 Position.clone (source, target);
 var offsets = Position.cumulativeOffset(source);

mais la je travail plus avec prototype, je passe par la lib jQuery, est ce quelqu'un connait un équivalent du code ci-dessus en jQuery?

Merci d'avance pour vos réponses

[Darkyl]

Bonjour,

Je sais pas si ca répond à ta question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
jQuery.fn.extend({
   findPos : function() {
       obj = jQuery(this).get(0);
       var curleft = obj.offsetLeft || 0;
       var curtop = obj.offsetTop || 0;
       while (obj = obj.offsetParent) {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop
       }
       return {x:curleft,y:curtop};
   }
});

Cette fonction te retourne la position dans la fenêtre courante d'un élément du DOM.
S'utilise :

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
17
18
19
 
function positiongeneralx(idobjet)
{
var position=new Object;
 
position = $('#'+idobjet).findPos();
 
return position.x;
}
 
 
function positiongeneraly(idobjet)
{
var position=new Object;
 
position = $('#'+idobjet).findPos();
 
return position.y;
}

Super, si je commence à répondre aux messages vieux de 3 ans, j'ai pas fini...