Les bulles d’aide élaborées COMPOSANTS D’INTERFACE:Bulles d’aide

1. L’objectif et les paramètres techniques BULLES D’AIDE:Élaborées

Avec la librairie Popper.js (https://popper.js.org/), Bootstrap permet d’afficher des bulles d’aide plus élaborées, avec une mise en forme plus attrayante.

Comme précédemment, il faut que le lien vers le fichier popper.min.js se fasse avant celui de bootstrap.min.js. De même, il faut initialiser les bulles d’aide avant la fermeture de la balise </body>.

Le dossier à télécharger pour cet exemple est nommé 08-Interface-07.

Voici le code que vous devez avoir :

<!-- Les liaisons aux scripts --> 
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" 
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/ 
Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"> 
</script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/ 
1.12.9/umd/popper.min.js" integrity="sha384- 
ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" 
crossorigin="anonymous"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/ 
bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/ 
JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"> 
</script> 
<!-- Initialisation des bulles d'aides --> 
<script> ...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les bulles d'aide
Suivant
Le fil d'Ariane