Discussion :

[Rony Rauzduel]

Bonjour ,

Dans mon script PHP conjointement à un script Javascript (en Ajax) je souhaite que lorsque l'on clique sur le bouton supprimer que la ligne représentant une annonce soit masquée et non supprimée.

Code Javascript :

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
 
$(document).ready(function() {
    $("#supprimer_annonce").submit(function(event){
        event.preventDefault();	//lors de la soumission du formulaire
        $("#loader").show();        
        $.ajax({
            url: $(this).attr('action'),
            type: $(this).attr('method'),
            data: $(this).serialize(), 
            dataType : 'text', 
            cache: false,			
            success: 
            function(data){                
                if(data.substr(0,2)=="ok"){
                    $("#loader").hide(); // on cache le loader d'attente Ajax
                    $("input[type='checkbox']:checked").each(function() {	//pour chaque <input type = 'checkbox'> qui sont séléctionnés
                        var ligneSupprimee = $(this).attr('id') ;				//on récupère l'id de <input> car ils ont les memes id que les lignes du tableau
                        $('.formErreur').fadeIn().text("Suppression de l'annonce réussie!");
                        $("tr#"+ligneSupprimee).remove();							//on concatène tr +ligneSupprimée pour avoir la ligne à supprimer
                        $('#loader').hide();
                        $('.formErreur').fadeOut(5000);							
                        $(':input').not(':submit').val("");
                        window.location.reload();
                    });//fin $("input[type='checkbox']:checked")		
                } // fin if(data == "ok")                
                if(data.substr(0,4)=="null" ){
                    $('.formErreur').fadeIn().text("Vous n'avez selectionné aucune annonce!");
                    $('.formErreur').fadeOut(5000);
                    $('#loader').hide();
                }
            } // fin function(data)           
        }); // fin $.ajax()              
        // on vide les champs du formulaire SAUF le bouton radio et celui de soumission
        $('#supprimer_annonce').not(':submit').val('');	
    }); // fin $("#supprimer_annonce").submit()
});

Le champ valide est correctement mis à jour mais la ligne est tout de même présente elle n'est pas masquée.

Merci d'avance.
Transact.

[MaitreKaio]

Je ne comprends pas tout, mais il y a un truc qui me semble bizarre: à la fin de ton appel ajax, tu fais un

Code :

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

window.location.reload();

ce qui recharge la page. Du coup c'est ce qui fait que l'annonce est toujours là, non ?

[Rony Rauzduel]

Je suis entièrement d'accord avec toi, mais je voudrais "masquer" définitivement cette annonce de l'affichage même au rechargement du DOM.
Cela n'est peut-être pas possible, il faudrait définitivement supprimer l'annonce.

Résolu.
J'ai modifié le script PHP qui via une bloucle while alimente le tableau, j'ai mis une condition si la variable $valide(champ de la table mySQL) vaut 2 alors la ligne est vide.

Au rechargement de ma page l'annonce apparait de nouveau!