Data Ajax

La BOEW v4.0 seulement

Ce composant est seulement disponible à partir de la BOEW v4.0.

Un enveloppeur simple pour AjaxLoader qui insère de contenu télécharger via AJAX.

Insérer du contenu après un élément (data-ajax-after)

Exemple

Bonjour tout le monde

Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte.

Bonjour tout le monde - partie 2

Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.

Visualiser le code 
<section data-ajax-after="ajax/data-ajax-extra-fr.html" class="original">
	<h4>Bonjour tout le monde</h4>
	<p>Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte.</p>
</section>
<section data-ajax-after="ajax/data-ajax-extra-2-fr.html" class="original">
	<h4>Bonjour tout le monde - partie 2</h4>
	<p>Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.</p>
</section>

Ajouter du contenu à la fin d'un élément (data-ajax-append)

Exemple

Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte.

Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.

Visualiser le code 
<div data-ajax-append="ajax/data-ajax-extra-fr.html" class="original">
	<p>Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte.</p>
</div>
<div data-ajax-append="ajax/data-ajax-extra-2-fr.html" class="original">
	<p>Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.</p>
</div>

Insérer le contenu avant un élément (data-ajax-before)

Exemple

Bonjour tout le monde

Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte.

Bonjour tout le monde - partie 2

Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.

Visualiser le code 
<section data-ajax-before="ajax/data-ajax-extra-fr.html" class="original">
	<h4>Bonjour tout le monde</h4>
	<p>Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte.</p>
</section>
<section data-ajax-before="ajax/data-ajax-extra-2-fr.html" class="original">
	<h4>Bonjour tout le monde - partie 2</h4>
	<p>Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.</p>
</section>

Ajouter le contenu au début d'un élément (data-ajax-prepend)

Exemple

Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte.

Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.

Visualiser le code 
<div data-ajax-prepend="ajax/data-ajax-extra-fr.html" class="original">
	<p>Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte.</p>
</div>
<div data-ajax-prepend="ajax/data-ajax-extra-2-fr.html" class="original">
	<p>Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.</p>
</div>

Remplace un élément (data-ajax-replace)

Exemple

Bonjour tout le monde

Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte.

Bonjour tout le monde - partie 2

Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.

Visualiser le code 
<div data-ajax-replace="ajax/data-ajax-extra-fr.html" class="original">
	<section>
		<h4>Bonjour tout le monde</h4>
		<p>Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte. Exemple de texte.</p>
	</section>
</div>
<div data-ajax-replace="ajax/data-ajax-extra-2-fr.html" class="original">
	<section>
		<h4>Bonjour tout le monde - partie 2</h4>
		<p>Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.</p>
	</section>
</div>
Date de modification :