Page 1 sur 1

Tooltips dynamique

Posté : 03 oct. 2019, 20:43
par squallblanc
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

Re: Tooltips dynamique

Posté : 03 oct. 2019, 21:19
par or 1
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

Re: Tooltips dynamique

Posté : 03 oct. 2019, 21:36
par squallblanc
Merci pour ta réponse, mais dans mon each est-ce que je dois conserver le append?

Re: Tooltips dynamique

Posté : 03 oct. 2019, 21:42
par or 1
non

Re: Tooltips dynamique

Posté : 03 oct. 2019, 22:05
par squallblanc
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

Re: Tooltips dynamique

Posté : 03 oct. 2019, 23:18
par Naroth
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");

Re: Tooltips dynamique

Posté : 04 oct. 2019, 07:31
par squallblanc
Merci @Naroth, ça fonctionne :)
le pire c'est que j'avais testé, mais je pense que j'avais du faire une erreur quelque part :/