Paginations AJAX

Les inclusions qui possèdent le critère {ajax} permettent de recharger dans la page seulement la partie incluse. La plupart du temps, il faudra aussi inclure le critère {env} dès lors qu’il y a une pagination dans l’inclusion.

  1. <INCLURE{fond=inclure/fichier}{env}{ajax} />

Lorsque l’on couple ce critère d’inclusion avec la balise #PAGINATION, les liens de pagination deviennent alors automatiquement AJAX. Plus précisément, tous les liens du squelette inclus contenus dans une classe CSS pagination.

  1. <p class="pagination">#PAGINATION</p>

Exemple

Lister les derniers articles. Cette inclusion liste les derniers articles par groupe de 5 et affiche un bloc de pagination.

  1. <INCLURE{fond=modeles/liste_derniers_articles}{env}{ajax} />

Fichier modeles/liste_derniers_articles.html :

  1. <B_art>
  2. #ANCRE_PAGINATION
  3. <ul>
  4. <BOUCLE_art(ARTICLES){!par date}{pagination 5}>
  5. <li><a href="#URL_ARTICLE">#TITRE</a></li>
  6. </BOUCLE_art>
  7. </ul>
  8. <p class="pagination">#PAGINATION</p>
  9. </B_art>

Télécharger

Résultat : Une pagination ajax, de 5 en 5...

  1. <a id="pagination_art" name="pagination_art"/>
  2. <ul>
  3. <li><a href="Recursivite,246" title="art246">Récursivité</a></li>
  4. <li><a href="Parametre" title="art245">Paramètre</a></li>
  5. ...
  6. </ul>
  7. <p class="pagination">
  8. <strong class="on">0</strong>
  9. <span class="separateur">|</span>
  10. <a rel="nofollow" class="lien_pagination noajax" href="Paginations-AJAX?debut_art=5#pagination_art">5</a>
  11. <span class="separateur">|</span>
  12. <a rel="nofollow" class="lien_pagination noajax" href="Paginations-AJAX?debut_art=10#pagination_art">10</a>
  13. <span class="separateur">|</span>
  14. ...
  15. <a rel="nofollow" class="lien_pagination noajax" href="Paginations-AJAX?debut_art=205#pagination_art">...</a>
  16. </p>

Télécharger

Auteur Gilles Vincent, Matthieu Marcillaud Publié le : Mis à jour : 11/11/09

Traductions : English, français