Pagineren en AJAX

Insluitingen met de ajax voorwaarde worden gebruikt om alleen het ingesloten deel van de pagina opnieuw te laden. Meestal moet ook de env voorwaarde worden opgenomen wanneer er een pagineringsmechanisme in de opgenomen code zit.

  1. <INCLURE{fond=inc/bestand}{env}{ajax} />

Wanneer we dit combineren met het baken #PAGINATION, worden de paginerings-links automatisch AJAX links. Meer specifiek, alle links in het ingesloten skelet zijn opgenomen in een CSS class genaamd pagination.

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

Voorbeeld

Maak een lijst van de nieuwste artikelen. Dit ingesloten skelet maakt een lijst met blokken van 5 artikelen met een paginering.

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

Bestand modeles/lijst_laatste_artikelen :

<B_art>
  #ANCRE_PAGINATION
  <ul>
    <BOUCLE_art(ARTICLES){!par date}{pagination 5}>
      <li><a href="#URL_ARTICLE">#TITRE</a></li>
    </BOUCLE_art>
  </ul>
  <p class="pagination">#PAGINATION</p>
</B_art>

Resultaat: Een paginering in ajax, per 5...

<a id="pagination_art" name="pagination_art"/>
<ul>
	<li><a href="Recursivite,246" title="art246">Récursivité</a></li>
	<li><a href="Parametre" title="art245">Paramètre</a></li>
	...
</ul>
<p class="pagination">
	<strong class="on">0</strong>
	<span class="separateur">|</span>
	<a rel="nofollow" class="lien_pagination noajax" href="Paginations-AJAX?debut_art=5#pagination_art">5</a>
	<span class="separateur">|</span>
	<a rel="nofollow" class="lien_pagination noajax" href="Paginations-AJAX?debut_art=10#pagination_art">10</a>
	<span class="separateur">|</span>
	...
	<a rel="nofollow" class="lien_pagination noajax" href="Paginations-AJAX?debut_art=205#pagination_art">...</a>
</p>

Auteur hanjo Gepubliceerd op:

Vertalingen: English, français, Nederlands