Supprimer un article et tirer dans la première de la page suivante

Question

Je suis en train de construire un blog avec un système de pagination (ex. 5 articles par page). Tout va bien avec lui-même mais la pagination à côté de chaque article, j'inclus un bouton « supprimer » permettant à l'administrateur de supprimer dynamiquement (jquery) l'article connexe et son contenu. Ce que je veux maintenant est « append » (sans rafraîchir) le premier article de la page suivante lorsque je supprime un article, la seconde lorsque je supprime un autre article, le troisième et ainsi de suite. Je veux que cela pour éviter d'avoir une page blanche si je continue à supprimer des articles sans rafraîchir.

J'utilise en fait php et une base de données MySQL pour stocker des données pour paginer J'utilise quelque chose de similaire à ce lien .

Answer 1

Je l'origine a répondu sur le double, mais je pense que cela pourrait être effacés, copier alors voici:

jQuery rend agréable et facile. Cela suppose que vous avez un fichier php appelé ajax / delete-article.php qui prend un identifiant de l'article à supprimer en tant que paramètre, et l'ID de l'article du dernier article sur la page en tant que paramètre, et renvoie le code HTML du prochain article. Il suppose également tous vos articles ont la classe « article », et l'id « article 230 » où 230 est le numéro d'identification. Je suis sûr que vous pouvez l'adapter à votre propre structure HTML.

$('.article-delete').click(function (event) {
  $(this).closest('.article').remove(); // possibly use a more fancy-looking hide(), and remove on complete?

  var lastArticleId = $('.article').last().attr('id').replace('article-','');
  var thisArticleId = $(this).attr('id').replace('article-','');
  $.get('ajax/next-article.php?last-article=' + lastArticleId + '&article-to-delete=' + thisArticleId ,function (data) {
    $('#article-list').append(data);
  });
  event.preventDefault();
});

Notez que ceci est juste un exemple grossier. Exigera des améliorations pour la robustesse. Il est également non testé, de sorte qu'il pourrait jeter les erreurs JS partout.

Answer 2

essentiellement lorsque vous supprimez avec succès un article, dans la même demande (ne faites pas un autre, n'est pas nécessaire) vous récupérez aussi (le cas échéant) l'article suivant après la dernière à la page (par id, date de publication ou autre) et retourner le code HTML pour ajouter

pour être clair: si nous supposons que vous cherchez vous des articles 16,17,18,19,20 savoir que le dernier élément en page est 20. Si vous supprimez l'article 17, vous récupérez élément 21, append à la page et cette valeur 21 comme dernière valeur de page (et ainsi de suite)