Discussion :

[djoufouf]

bonjour,

comme dis le titre je ne sais pas comment faire pour compter les element que j ai droper et pour les afficher

voici une image





et voici mon code pour cela

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
20
21
22
23
24
25
26
27
28
29
30
31
$(function() {
    $( ".essai li" ).draggable({
      appendTo: "body",
      revert: 'invalid'
    });
    $( "#cart ol" ).droppable({
      drop: function( event, ui ) {
        $(this).find( ".placeholder" ).remove();
        $(ui.draggable).hide();
        $( "<li></li>" ).text(ui.draggable.text()).appendTo(this);
        $( "<li></li>" ).style(ui.draggable.style()).appendTo(this);
      }
    });
  });
 
$(document).ready(function(){
    $(document).on('click', 'form#listForm', function(event) {
        var list = [];
 
 
        $('#cart').find('ol li').each(function(){
            list.push($(this).html());
        });
 
        $('#list').val(JSON.stringify(list));
        $(this).submit();
        $('#list1').val(JSON.stringify(list));
        $(this).submit();
    });
});
</script>

merci pour vos reponse

[SpaceFrog]

compte le nombre d'enfants de la zone de drop ?

Code :

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

 .children().length

[djoufouf]

merci pour ta reponse

j ai donc fais ceci

Code :

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

document.getElementById('affichage').innerHTML = $('.essai li').children().length;

mais il me retourne le bon chiffre mais il ne s incremente pas a chaque fois qu il y a un nouveau element

[SpaceFrog]

Code :

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

document.getElementById('affichage').innerHTML = $('.essai li').children().length;

=>

Code :

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

$('#affichage').html = $('.essai li').children().length;

Ensuite ...
si tu ne le fais qu'une fois ... il ne va pas mettre a jour ...
il te faut declecher cette action àprès chaque drop ... ou mise à jour de la zone ..