Supprimer la ligne d'un tableau
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:
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.