//Association d'un tooltip par code TooltipJS.addTooltip(document.querySelector("input"), "Veuillez inscrire votre identifiant", 0, "tooltip", { x: 5, y: -4 }, {}, true, true, 2500);
<h1>TooltipJS, Exemples d'utilisation</h1> <h2>Par balise</h2> <h3>Fixe, style sur mesure, caché au clic, caché après un délai</h3> <input type="text" placeholder="Ceci est un champs de formulaire"> <h3>Conteneur html sur mesure</h3> <div class="div" data-tooltiptext="Ceci est un texte dynamique" data-htmltemplate=".tip"> Ceci est un texte <select name id> <option value>option</option> </select> </div> <h2>Par code</h2> <h3>Valeurs par défaut</h3> <!-- Association d'un tooltip avec une balise html dans la page --> <button data-tooltiptext="Ceci est un tooltip par défaut">Ceci est un bouton</button> <br><br><br> <!-- tilisation d'un contenur html sur mesure --> <div class="tip"> <h1 class="tooltip-label">Label</h1> <p>Ceci est un texte non dynamique</p> <img src="https://media.wired.com/photos/5b3335489bc3f356f4058be2/master/w_1600%2Cc_limit/DancingBaby.gif" alt> </div>