Sommaire

Les popovers PLUGINS JAVASCRIPT:Popovers

1. L’objectif

Les popovers sont des bulles d’aide « plus complètes » car elles affichent un titre et un contenu qui peut être plus important.

Comme pour les bulles d’aide, nous pouvons choisir l’événement de souris qui va faire apparaître le popover et l’orientation (haut, droite...).

Retrouvez cet exemple dans le fichier Bootstrap-08-JavaScript/02-popover.html.

2. Le code utilisé

Voici le code utilisé pour gérer ce popover :

<p>Ambitioni dedisse scripsisse iudicaretur. <a href="#" role=
"button" class="mespopovers" data-toggle="popover" data-content=
"Fictum,  deserunt mollit anim laborum astutumque. Excepteur sint
obcaecat cupiditat non proident culpa." data-original-title="Lorem
ipsum">Nec dubitamus</a> multa iter quae et nos invenerat. Petierunt
uti sibi concilium totius Galliae in diem certam indicere. Non 
equidem invideo, miror magis posuere velit aliquet.</p> 
... 
<!-- Préconisation pour placer les liaisons aux scripts --> 
<script src="assets/js/jquery.js" type="text/javascript">
</script> 
<script src="dist/js/bootstrap.min.js" type="text/javascript">
</script> 
<!-- Appel au JavaScript ToolTip --> 
<script> 
$(document).ready(function(){ 
   $(’a.mespopovers’).click(function(){ 
   ...