[9.0.11] Tippy with img title

This commit is contained in:
fredtempez 2019-03-24 18:51:30 +01:00
parent 4ef61cfbc1
commit ffd7c3f571

View File

@ -2,23 +2,34 @@
* Initialisation de Tippy * Initialisation de Tippy
*/ */
$(document).ready(function() { $(document).ready(function() {
// Toute les infobulles auront une flèche // Tooltip des aides
tippy.setDefaults({ tippy(".helpButton", {
arrow: true, arrow: true,
arrowType: "round",
placement: "top"
});
// Tooltip des attributs title
tippy("[content-data-tippy]", {
arrow: true,
placement: "top"
}); });
// Pour les images map, pas de flèche, bulle haut suivant le curseur
// Pour les infobulles d'aide, le texte est positionné à droite tippy('img', {
tippy(".helpButton", { content(reference) {
placement: "right" const title = reference.getAttribute('title')
}); reference.removeAttribute('title')
return title
},
placement: "top",
followCursor: true,
animation: "fade",
animateFill: true
});
// Pour les images map, pas de flèche, bulle haut suivant le curseur // Pour les images map, pas de flèche, bulle haut suivant le curseur
tippy("#image-map", { tippy("#image-map", {
placement: "top", placement: "top",
followCursor: true followCursor: true,
animation: "fade",
animateFill: true
}); });
// afficher les infobules si l'attribut data-tippy-content est présent
tippy('[data-tippy-content]');
}); });