Rafraichir automatique du image dans un widget

Bonjour,
Je galère depuis hier sur un widget permettant l’affichage d’une image (pochette de disque) pour un plugin lecteur de musique.
La vignette s’affiche bien mais n’est pas rafraîchie lors du changement d’album. Sur Chrome un appui sur F5 permet d’afficher la bonne image.
Ci-dessous mon code
Est-ce quelqu’un peut me donner un petit coup de main ?
D’avance merci

<div class="cmd tooltips cmd-widget" data-type="info" data-subtype="string" data-cmd_id="#id#" data-cmd_uid="#uid#"  data-version="#version#" data-eqLogic_id="#eqLogic_id#">
  <div class="title #hide_name#">
     <div class="cmdName">#name_display#</div>
   </div>
   <div style= "margin-top: 10px;"></div>
   <div class="iconCmd#id# #history#"></div>

   <script>
    var iconUpdate#uid# = function () {
      var valueH = is_numeric('#hauteur#') ? parseFloat('#hauteur#'):150;
      var valueL = is_numeric('#largeur#') ? parseFloat('#largeur#'):150;
      var paramTaille = 'height='+valueH+'px width='+valueL+'px';
      
      $('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty().html('<img src="#state#" '+paramTaille+'>').css({border: '1px #aaa solid', 'text-align': 'center', display: 'table-cell', 'vertical-align': 'middle'});
    } 
    jeedom.cmd.update['#id#'] = function(_options){
      iconUpdate#uid#(_options.display_value);
      $('.cmd[data-cmd_id=#id#]').attr('title','Date de valeur : '+_options.valueDate+'<br/>Date de collecte : '+_options.collectDate)
    }
    jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'})
   </script>
 </div>

   var iconUpdate#uid# = function () {
      var valueH = is_numeric('#hauteur#') ? parseFloat('#hauteur#'):150;
      var valueL = is_numeric('#largeur#') ? parseFloat('#largeur#'):150;
      var paramTaille = 'height='+valueH+'px width='+valueL+'px';
      
      $('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty().html('<img src="#state#" '+paramTaille+'>').css({border: '1px #aaa solid', 'text-align': 'center', display: 'table-cell', 'vertical-align': 'middle'});
    } 
      jeedom.cmd.update['#id#'] = function(_options){
      iconUpdate#uid#(_options.display_value);

la fonction jeedom.cmd.update appelle la fonction iconUpdate#uid#(_options.display_value); avec le display_value en paramètre; ok jusque là

mais ta fonction var iconUpdate#uid# = function () { n’accepte aucun paramètre hors elle devrait accepter un paramètre src
et dans cette ligne:

$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty().html('<img src="#state#" '+paramTaille+'>').css({border: '1px #aaa solid', 'text-align': 'center', display: 'table-cell', 'vertical-align': 'middle'});

utiliser ce paramètre et pas #state#

D’ailleurs cela n’apporte rien d’avoir une fonction iconUpdate#uid#; tu peux mettre son contenu dans jeedom.cmd.update

1 « J'aime »

Super ça marche.
Quand on passe trop de temps à faire du surplace, on ne voit plus les évidences
Merci merci pour tout le temps que tu m’as gagner.

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.