Aléatoire

Choisi un des éléments enfant aléatoirement.

Afficher une image aléatoire

Cet example affiche une image parmi trois aléatoirement. Les probabilité est de 33% qu'une image différente soit affiché lors du prochain rafraichissement de la page web. Le nom de la classe qui bascule est hide dans l'un des trois img elements suivant.

Investir dans le future Volez dans le ciel Protéger l'environment
Source code
<div class="mrgn-bttm-md"" data-wb-randomize='{ "shuffle": true, "selector": "img", "toggle": "hide" }'>
	<img class="full-width hide"
		src="../../demos/tabs/img/investinourfuture.jpg" alt="Investir dans le future" />
	<img class="full-width hide"
		src="../../demos/tabs/img/flytheskies.jpg" alt="Volez dans le ciel" />
	<img class="full-width hide"
		src="../../demos/tabs/img/protect-environment.jpg" alt="Protéger l'environment" />
</div>

Changer aléatoirement des lignes de tableaux

Les cinq (5) ligne de tableaux sera réorganisé aléatoirement au rafraichissement de la page.

Échantillion de donnée
Colonne A Colonne B
Ligne 1, colonne A Ligne 1, colonne B
Ligne 2, colonne A Ligne 2, colonne B
Ligne 3, colonne A Ligne 3, colonne B
Ligne 4, colonne A Ligne 4, colonne B
Ligne 5, colonne A Ligne 5, colonne B
Code source
<table class="table table-bordered">
	<caption>Échantillion de donnée</caption>
	<thead>
		<tr>
			<th>Colonne A</th>
			<th>Colonne B</th>
		</tr>
	</thead>
	<tbody data-wb-randomize='{ "shuffle": true }'>
		<tr>
			<td>Ligne 1, colonne A</td>
			<td>Ligne 1, colonne B</td>
		</tr>
		<tr>
			<td>Ligne 2, colonne A</td>
			<td>Ligne 2, colonne B</td>
		</tr>
		<tr>
			<td>Ligne 3, colonne A</td>
			<td>Ligne 3, colonne B</td>
		</tr>
		<tr>
			<td>Ligne 4, colonne A</td>
			<td>Ligne 4, colonne B</td>
		</tr>
		<tr>
			<td>Ligne 5, colonne A</td>
			<td>Ligne 5, colonne B</td>
		</tr>
	</tbody>
</table>

Changer aléatoirement les lignes de tableaux et identifier 2 ligne

Les cinq (5) ligne de tableaux sera réorganisé aléatoirement et 2 lignes sera sélectionner.

Échantillion de donnée
Colonne A Colonne B
Ligne 1, colonne A Ligne 1, colonne B
Ligne 2, colonne A Ligne 2, colonne B
Ligne 3, colonne A Ligne 3, colonne B
Ligne 4, colonne A Ligne 4, colonne B
Ligne 5, colonne A Ligne 5, colonne B
Code source
<table class="table table-bordered">
	<caption>Échantillion de donnée</caption>
	<thead>
		<tr>
			<th>Colonne A</th>
			<th>Colonne B</th>
		</tr>
	</thead>
	<tbody data-wb-randomize='{ "shuffle": true, "toggle": "warning", "number": 2 }'>
		<tr>
			<td>Ligne 1, colonne A</td>
			<td>Ligne 1, colonne B</td>
		</tr>
		<tr>
			<td>Ligne 2, colonne A</td>
			<td>Ligne 2, colonne B</td>
		</tr>
		<tr>
			<td>Ligne 3, colonne A</td>
			<td>Ligne 3, colonne B</td>
		</tr>
		<tr>
			<td>Ligne 4, colonne A</td>
			<td>Ligne 4, colonne B</td>
		</tr>
		<tr>
			<td>Ligne 5, colonne A</td>
			<td>Ligne 5, colonne B</td>
		</tr>
	</tbody>
</table>
Date de modification :