positionnement d'un div avec jquery?

Version imprimable

Bonjour

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

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

Bonsoir.

Code:

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 !

24/04/2009, 10h30
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:

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 :)

Bonjour,

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

Code:

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:

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...:aie: