Besoin d'aide ?

Trier différentes <div> qui constitue une espèce d'annuaire en plusieur page

  • Avatar de AntoineHerbert
    Membre depuis :
    07/01/2020
    Messages :
    3

    Bonjour à tous,
    je souhaiterai trier des

    contenant image et description en différentes pages, un peu comme un dataTable.
    Comment cela est-t-il possible ?
    Merci d'avance
  • Avatar de KYoann
    Membre depuis :
    11/02/2019
    Messages :
    60

    Salut, quel genre de tri ?

    Tu souhaite le faire en dynamique sans rechargement de la page ?

  • Avatar de AntoineHerbert
    Membre depuis :
    07/01/2020
    Messages :
    3

    Salut KYoann,
    Tous d'abords merci de ta réponse.
    Si possible oui, cependant le cas contraire ne sertai pas dérangeant.

  • Avatar de CinquièmeDimension
    Membre depuis :
    18/04/2019
    Messages :
    58

    Salut,

    Effectivement t'as plusieurs manières de procéder.
    Si tu veux un truc simple avec une searchbar t'as ce genre de truc en JS https://www.js-tutorials.com/jquery-tutorials/live-search-json-objects-data-using-jquery/
    Ca nécéssite que tes données soient envoyées en JSON, mais c'est assez simple à mettre en place.
    Il n'y a pas de pagination dans cet example par contre.

    Si tu n'as pas besoin de filtrer ou d'effectuer des actions une fois la page chargée alors fais-le en PHP.

    Je pense même que le mieux est que tu trie tes data en PHP (avec un array.sort() ou un truc du genre) et que tu les envoie en JSON.
    Avec ce JSON tu affiche en front avec nimporte quel script de pagination JS (avec peut-être même un loaderpour un joli effet pendant les 1 ou 2s de traitement JS).
    Avantage: chargement de la page plus rapide
    Inconveniant: Google ne lis pas le JS et n'as donc pas accès à tes données mises en forme

    C'est juste une piste, comme ça..

  • Avatar de AntoineHerbert
    Membre depuis :
    07/01/2020
    Messages :
    3

    Merci,
    je vais essayer sa de suite !!
    bonne journée a vous

Vous ne pouvez pas répondre à ce sujet.