[RESOLU] Tooltips dynamique

Eléphant du PHP | 111 Messages

03 oct. 2019, 20:43

Salut tous le monde, je viens vous voir pour un soucis qui me prend la tête depuis 2 jours...
Je cherche à récupérer les données dans mon json et de faire une boucle pour les ajouter dans mon tooltips.

voila ce que j'ai fais mais ça fonctionne pas.
      $.ajax({
        type: "POST",
        url: "../php/stats_dashboard.php",
        dataType: "json",
        data:{idr:"<?php echo $id_user; ?>"},
        error:function(msg){
          // message en cas d'erreur :
          alert( "Error !: " + msg );
        },
        success:function(data){
          $.each( data.total, function( key, value ) {
            $('#myTooltip').append(value);
          });
     }
mon code html est le suivant pour afficher le tooltip:
<span id="myTooltip" data-tooltip="total" data-html="true" data-toggle="tooltip" data-placement="top" title=""></span>
Le soucis c'est que je ne vois pas comment je peux récupérer ma liste et l'afficher dans mon tooltip.
Si vous avez une idée je suis preneur.
Merci
Modifié en dernier par squallblanc le 03 oct. 2019, 22:18, modifié 2 fois.

Mammouth du PHP | 1221 Messages

03 oct. 2019, 21:19

parcourir le résultat avec, à priori, le $.each( data.total, function( key, value ) {
mettre les données dans une variable js
après la boucle, utiliser https://api.jquery.com/text pour mettre à jour le span

Eléphant du PHP | 111 Messages

03 oct. 2019, 21:36

Merci pour ta réponse, mais dans mon each est-ce que je dois conserver le append?

Mammouth du PHP | 1221 Messages

03 oct. 2019, 21:42

non

Eléphant du PHP | 111 Messages

03 oct. 2019, 22:05

j'ai fait ceci:
          var activeList = [];
          $.each( data.total_hash, function( key, value ) {
            activeList.push(value);
          });
          $('#myTooltip').html(activeList.join("<br>"));
mais le souci c'est que le texte ne s'affiche pas dans la bulle du tooltip.

Image

Eléphant du PHP | 154 Messages

03 oct. 2019, 23:18

Bonsoir,

Si je dis pas de connerie tu utilises bootstrap.
Dans ce cas il faut faire :
$("#myTooltip").attr("data-original-title", "nouvelle data"));
ou
$("#myTooltip").tooltip('dispose').tooltip({ title : "nouvelle data" }).tootltip("show");
Cordialement
Naroth

Eléphant du PHP | 111 Messages

04 oct. 2019, 07:31

Merci @Naroth, ça fonctionne :)
le pire c'est que j'avais testé, mais je pense que j'avais du faire une erreur quelque part :/