Comment ouvrir automatiquement tooltip bootstrap sans clic

Question

Comment est-il possible d'ouvrir automatiquement l'info-bulle bootstrap sans clic. Dans mon cas, j'ai un formulaire qui envoie des données à une base de données, l'utilisateur peut ouvrir avec tooltip nouveaux champs de formulaire. Cela fonctionne parfaitement.

Maintenant, j'ai un nouveau document php avec le même formulaire où un utilisateur peut trouver ses données à travers ses ID et être montré tout dans le formulaire pour éditer ses données. Mais je veux dans ce cas, que tous les champs de formulaire d'info-bulle qui ont déjà des informations s'ouvrent automatiquement, donc il n'a pas à les ouvrir tout seul et voir tout ce qu'il a entré. Les zones qui n'ont aucune information doivent rester fermées.

Je vous montre mon code, juste une partie simple, donc il est plus facile d'avoir un aperçu rapide. Ici, il peut entrer une date dans 3 zones de formulaire différentes (qui s'ouvrent via l'info-bulle bootstrap).

<div> <a id="data1" data-toggle="tooltip" data-placement="right"> 
<i class="fa fa-plus-circle fa-4x" aria-hidden="true"></i> </a> 
<a id="data1" data-toggle="tooltip" data-placement="right"> 
<i class="fa fa-minus-circle fa-4x" aria-hidden="true"></i> </a> </div> 

      <div id="data1"> 

       <label for="date1">Date:</label> 
       <input type="hidden" name="hidden_date_1" id="hidden_date_1" value="0"> 
       <input type="hidden" class="slider-input" value="23" /> 
       <input id="date_2" name="date_2" value="<?php echo $Date_1;?>"> 

       </div> 

      <div id="data2"> 

       <label for="date2">Date:</label> 
       <input type="hidden" name="hidden_date_2" id="hidden_date_2" value="0"> 
       <input type="hidden" class="slider-input" value="23" /> 
       <input id="date_2" value="<?php echo $Date_2;?>"> 

       </div> 

      <div id="data3"> 

       <label for="date3">Date:</label> 
       <input type="hidden" name="hidden_date_3" id="hidden_date_3" value="0"> 
       <input type="hidden" class="slider-input" value="23" /> 
       <input id="date_3" value="<?php echo $Date_3;?>"> 

       </div> 

Je pensais que peut-être il est possible de dire qqch. comme. : Si date_1 dispose d'une entrée dans la base de données, ouvrez automatiquement l'info-bulle, sinon ... pas la même chose pour date_2 et date_3. Mais je ne trouve pas un moyen d'exprimer cela. Sais-tu comment?

Answer 1

Vous pouvez utiliser l'API JavaScript de Bootstrap pour l'afficher directement.

Exemple pour basculer avec jQuery:

$(selector).tooltip('show');