Positions élements jquery

Version imprimable

28/06/2010, 11h00
jeronimo83

Positions élements jquery
Bonjour.

Dans une page html j'ai des div draggable avec une classe bien spécifique.
Code:

1 2 3 4 5 6 7 8 9 <div class="dragdom-tit" id="1"> .......... </div> <div class="dragdom-tit" id="2"> .......... </div> <div class="dragdom-tit" id="3"> .......... </div>....
J'ai une fonction java script qui me permet de récupérer la position de mes éléments draggable lorsque je termine le déplacement, et ensuite cette position est insérée dans des champs hidden.

Cependant comment faire pour pouvoir récupérer la position de ses div draggable au chargement de la page (en effet un élément ne sera pas forcement déplacé, donc il faudrait que je pré remplisse mes champs hidden par leur position de départ)

Merci à vous.
28/06/2010, 12h36
devyan

Bonjour,

Tu peux utiliser l'événement ready pour déclencher la mémorisation de la position initiale.

devyan

Citation:

Envoyé par devyan

Bonjour,

Tu peux utiliser l'événement ready pour déclencher la mémorisation de la position initiale.

devyan

Jusque la j'étais bon.
Mais ca ne m'aide pas beaucoup plus pour avancer.

En effet pour le moment je récupère et met à jour la position comme ceci (marche donc uniquement si on bouge le div)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 $(".dragdom-tit").draggable({ stop: function(event, ui) { var Stoppos = $(this).position(); //permet de récuperer l'id du select var idselect = $(this).children('select').attr('id'); //permet de stoquer la position dans mes champs hidden $("#rencontre_position-gauche-"+idselect).val(Stoppos.left); $("#rencontre_position-haut-"+idselect).val(Stoppos.top); } });
Je ne vois donc pas que faire dans mon $(document).ready(function() pour pouvoir récupérer la position de chacun des div (sans changement de positions donc) en récupérant ainsi leur id et en mettant à jour le champs hidden correspondant.

Merci

Si je reprends ton code on obtiendrait quelque chose du genre ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
function memPos(obj) {
        var Stoppos = obj.position();

        //permet de récuperer l'id du select
        var idselect = obj.children('select').attr('id');

        //permet de stoquer la position dans mes champs hidden
        $("#rencontre_position-gauche-"+idselect).val(Stoppos.left);
        $("#rencontre_position-haut-"+idselect).val(Stoppos.top);
}

$(document).ready(function() {
        $(".dragdom-tit").each(function(ind, el) {
                memPos(el);
        });
}

$(".dragdom-tit").draggable({
stop: function(event, ui) {
        memPos($(this));
/*
        var Stoppos = $(this).position();

        //permet de récuperer l'id du select
        var idselect = $(this).children('select').attr('id');

        //permet de stoquer la position dans mes champs hidden
        $("#rencontre_position-gauche-"+idselect).val(Stoppos.left);
        $("#rencontre_position-haut-"+idselect).val(Stoppos.top);
*/
    }
});

devyan

28/06/2010, 15h27
jeronimo83

Merci bien :)

Par contre je viens de tester et j'obtiens une erreur, obj.position is not a function, je vais chercher de mon côté si je trouve le pourquoi du comment.

EDIT : j'ai remplacé par $(obj) et ca passe.
Merci bien :)
28/06/2010, 15h51
devyan
Citation:

Envoyé par jeronimo83

Merci bien :)

Par contre je viens de tester et j'obtiens une erreur, obj.position is not a function, je vais chercher de mon côté si je trouve le pourquoi du comment.

EDIT : j'ai remplacé par $(obj) et ca passe.
Merci bien :)

C'est fort possible que j'ai fait une erreur de syntaxe ici ou là (je n'ai pas du testé le code en question) mais le principe reste celui-ci.
- déclarer une fonction correspondant à ton traitement "unitaire"
- dans $.ready() utiliser cette fonction pour chacun des cadres dont tu désires mémoriser la position
- dans ton événement remplacer le traitement par l'appel de la fonction de traitement "déporté"