Discussion :

[baguiweb]

Bonjour à tous,

J'ai un souci avec un élément ajouté au DOM avec la fonction append.
J'ai ajouté une fonction à cet élément mais l'action ajax n'est pas appliqué.

La fonction de suppression du div masque bien l'élément mais ne le supprime pas dans la DB. Je suis obligé d'actualiser la page pour pouvoir supprimer les éléments créer.

Pouvez-vous m'aidez, merci.

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
$(document).ready(function() {
        $('#diaporama').hide();
        $('#load').hide();
        $(".img").css("cursor","pointer");
        $(".del").css("cursor","pointer");
 
        $(".img").click(function(){
            var id = $(this).attr("rel");
            var dataString = 'id_diaporama=1&id_img='+id;
            $.ajax({
                type: 'POST',
                url: 'ajax.php',
                data: dataString,
                beforeSend: function(){
                    $('#load').fadeIn();
                },
                success: function(data){
                    var responseData = jQuery.parseJSON(data);
                    var img = responseData.img;
                    var idDel = responseData.id;
                    $('#diaporama').fadeIn(1000).append('<img class="del" id="'+idDel+'" src="'+img+'"/>');
                    $('#load').hide();
                }
            })
        });
 
 
        // suppression du div
        $(".del").live('click',function(){
            var id = $(this).attr("id");
            var dataString = 'id='+id+'&del=1';
            $.ajax({
                type: 'POST',
                url: 'ajax.php',
                data: dataString,
                success: function(data){
                    var responseData = jQuery.parseJSON(data);
                    var id = responseData.id;
                    $("img#"+id).fadeOut(1000);
                    return false;
                }
            })
        });
 
 
    });

[danielhagnoul]

Bonsoir

$(".img") agis sur les éléments du DOM ayant la classe "img".

$("img") agira sur les éléments "img".

live() est obsolète, voir on() : http://api.jquery.com/on/

[baguiweb]

En fait je ne peux pas appliquer la fonction à toutes les images.
Je vous explique :

Dans un premier div j'ai des images. Lorsque je clique sur une image (.img)
celle-ci est ajouté à un second div et via un script ajax jquery enregistré dans une table DB : id,id_diaporama,id_img

Mon souci est que si je souhaite supprimer une image ajouté dans le second div elle est bien supprimer visuellement mais le script php qui doit la supprimer dans la table Db ne fonctionne pas.

En espérant que ce soit plus clair...
Merci