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.
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.
| 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.
| 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>Signaler un problème sur cette page
- Date de modification :