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.
<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.
<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.
<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