Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

Creation Widget - Image dynamique [Résolu]

Réservé à l'utilisation et la création de widgets dans JEEDOM
Avatar de l’utilisateur
Heian
Timide
Messages : 50
Inscription : 14 févr. 2016, 23:31
Localisation : Val d'Oise

Creation Widget - Image dynamique [Résolu]

Message par Heian » 13 sept. 2019, 10:38

Bonjour,

Je crois que ce ne dois pas être bien compliqué mais il manque un truc ....
Je suis sur mon premier widget, je souhaite pouvoir afficher une image différente suivant un algo mais:
- Lorsque j'enleve le commentaire pour mon tag img, celui ci s'affiche correctement
- Rien ne s'affiche via le append dans le jeedom.cmd.update
- La methode Update est belle est bien appelé, je vois le log

Voici le code pour tester:

Code : Tout sélectionner

<style>
  img[name="#id#-img"] {
    width: 40px;
    height: 40px;
  }
</style>

<div class="Doc-#id# cmd cmd-widget" title="" data-type="info" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
  <center>
    <div id="#id#-iconHolder" style="background-color: red; width: 40px; height:40px;">
    	<!-- <img name="#id#-img" src="/3rdparty/dovora/day_clear.png"> -->
    </div>
  </center>
  <script>
    jeedom.cmd.update['#id#'] = function(_options){     
      console.log('Update !');
	  $('#id#-iconHolder').empty();
      $('#id#-iconHolder').append('<img name="#id#-img" src="/3rdparty/dovora/day_clear.png">');
    }
  </script>
</div>
Unr idée ? (Sans doute un truc tout bête ...)
Dernière édition par Heian le 13 sept. 2019, 11:22, édité 1 fois.

Avatar de l’utilisateur
Heian
Timide
Messages : 50
Inscription : 14 févr. 2016, 23:31
Localisation : Val d'Oise

Re: Creation Widget - Image dynamique

Message par Heian » 13 sept. 2019, 11:21

Bon.. ca semble fonctionner, le probleme venait a priori du selecteur.

Code : Tout sélectionner

<style>
  img[name="#id#-img"] {
    width: 40px;
    height: 40px;
  }
</style>

<div class="Doc-#id# cmd cmd-widget" title="" data-type="info" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
  <center>
    <div id="#id#-iconHolder" style="background-color: red; width: 40px; height:40px;"></div>
  </center>
  <script>
    jeedom.cmd.update['#id#'] = function(_options){     
      $('div[id=#id#-iconHolder]').empty();
      $('div[id=#id#-iconHolder]').append('<img name="#id#-img" src="/3rdparty/dovora/day_clear.png">');
    }
  </script>
</div>

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités