Discussion :

[Striliz]

Bonjour,

Auriez-vous une idée de pourquoi le système de drag and drop ci-dessous fonctionne avec Chrome et IE, mais pas avec Mozilla et Safari?

Sur Safari et Mozilla, même les lignes ne sont pas draggable...

Merci,

Code html :

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

<tr class="tableline" draggable="true"></tr>

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
 $(document).on("mouseenter", "#table", function () {  
    $('.tableline').on({
        dragstart: function(e) {
            $this = $(this);
            $this.css('opacity', '0.7');
            $this.addClass('dragitemclass');
        },
        dragenter: function(e) {
            $(this).addClass('dragoverclass');
            e.preventDefault();
        },
        dragleave: function() {
            $(this).removeClass('dragoverclass');
        },
        dragover: function(e) {
                $(this).addClass('dragoverclass');
            e.preventDefault();
        },
        drop: function(e) {
		$(this).removeClass('dragoverclass');
        },
        dragend: function() {
            $(this).css('opacity', '1');
            $(this).removeClass('dragoverclass');
            $(this).removeClass('dragitemclass');
        },
    });
});

[NoSmoking]

Bonjour,
ton code est incomplet, il te faut déclarer les données à transférer

Code :

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

1
2
3
4
5
6
7
dragstart: function (e) {
    var $this = $(this);
    var ev = e.originalEvent
    ev.dataTransfer.setData('text/plain', $this.html()); // par exemple
    $this.css('opacity', '0.7');
    $this.addClass('dragitemclass');
},

Remarques sur le reste :
• avec ce bout de code

Code :

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

1
2
 $(document).on("mouseenter", "#table", function () {  
    $('.tableline').on({

tu ajoutes un écouteur à CHAQUE FOIS que tu survoles la table, tu vas vite saturer la pile !

• Comme tu utilises jQuey pourquoi ne pas utiliser le widget-draggable ?