AJAX links

In addition to the includes that contain a pagination mechanism, it is possible to specify links to be reloaded using AJAX by adding the CSS class ajax to those links.

<a class="ajax" href="[(#URL_ARTICLE|parametre_url{tous,oui})]">Show all</a>

Example

<INCLURE{fond=modeles/list_articles}{env}{ajax} />

The file modeles/list_articles.html:
Shows or hides the introduction to articles:

<ul>
<BOUCLE_art(ARTICLES){!par date}{0,5}>
	<li>#TITRE
		[(#ENV{afficher_introduction}|=={oui}|oui)
			<div>#INTRODUCTION</div>
		]
	</li>
</BOUCLE_art>
</ul>
[(#ENV{afficher_introduction}|=={oui}|oui)
	<a class="ajax" href="[(#SELF|parametre_url{afficher_introduction,''})]">Hide the introductions</a>
]
[(#ENV{afficher_introduction}|=={oui}|non)
	<a class="ajax" href="[(#SELF|parametre_url{afficher_introduction,oui})]">Show the introductions</a>
]

Author Mark Baber Published : Updated : 12/03/23

Translations : English, français