Actualiser un widget info binaire v4

[Steph13]

Bonjour
J’ai créé un widget grâce à la fonction code de la V4 afin de changer la couleur d’une commande info en fonction de sa valeur

<div style="min-width:90px;min-height:60px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
	<center>
	<div style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</div>
      <span class="test-class">#state#</span><br/>
      </center>
  
<script>
  if ('#state#' == 'on') {
          $(".test-class").css("color", "green");
  }
  else
    {
          $('.test-class').css("color", "red");
  }
Jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
 </script>
</div>

J’ai ensuite crée un virtuel avec 2 commandes on et off

• une commande info et j’ai appliqué mon widget à cette dernière.

La valeur change de couleur mais uniquement lorsque je fais un rafraichissement de la page.
Existe-t-il un moyen de mettre à jour la commande après avoir appuyer sur on ou off ?

J’espère avoir été clair dans les termes.

Merci
PS: j’ai lu le sujet suivant : Update valeur info widget
mais je n’arrive pas à l’appliquer à mon cas.

[Steph13]

Je me réponds à moi même si ça intéresse certaines personnes.

<div class="cmd cmd-widget #history#" 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 class="content-sm ">
      	<span class="testClass"></span>
    </div>
   
<script>
		jeedom.cmd.update['#id#'] = function(_options){
			$('.cmd[data-cmd_id=#id#]').attr('title','{{Date de valeur}} : '+_options.valueDate+'<br/>{{Date de collecte}} : '+_options.collectDate)
			$('.cmd[data-cmd_id=#id#] .testClass').empty().append(_options.display_value);
          if (_options.display_value == 'on') {
          $('.cmd[data-cmd_id=#id#] .testClass').css("color","green");
          }
          else {
          $('.cmd[data-cmd_id=#id#] .testClass').css("color","red");  
          }  
		}
		jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
	</script>
</div>