[RESOLU] Tooltips dynamique

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Tooltips dynamique

Re: Tooltips dynamique

par squallblanc » 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 :/

Re: Tooltips dynamique

par Naroth » 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");

Re: Tooltips dynamique

par squallblanc » 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

Re: Tooltips dynamique

par or 1 » 03 oct. 2019, 21:42

non

Re: Tooltips dynamique

par squallblanc » 03 oct. 2019, 21:36

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

Re: Tooltips dynamique

par or 1 » 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

Tooltips dynamique

par squallblanc » 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