Page 1 sur 1

[Widget] valeur en couleur par javascript

Publié : 15 avr. 2019, 22:41
par rootard
Salut

Question certainement triviale pour certains d'entre vous mais je n'ai pas réussi à trouver un ex. qui fonctionne:
comment faire pour afficher une valeur en couleur par javascript (je sais gérer la condition, j'ai juste besoin du code CSS)?

mon code:

Code : Tout sélectionner

<div style="width:130px;height:50px; vertical-align: middle" class="#history# tooltips cmd cmd-widget" data-type="info" data-subtype="other" data-cmd_id="#id#" title="#collectDate#" >
    <div style="position:relative; height:100px; vertical-align: middle">
   		<div style="position:relative;width: 100%;text-align: center; vertical-align: middle"; id="iconCmd#id#"></div>
    	<center>
			<div style="position:relative; vertical-align: middle">
	      		<span style="font-size: 1em;font-weight: bold;margin-top: 5px;">#state#</span> 
        		<span style="font-size: 1em;font-weight: bold;margin-top: 5px;">#unite#</span>
    		</div>
    	</center>
  	</div>
         <script> 
		jeedom.cmd.update['#id#'] = function(_options) {
                $('.cmd[data-cmd_id=#id#] .state#id#').css('color', '#6699ff');  // ko 
		};
		jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
	</script>
</div>
merci :D

Re: [Widget] valeur en couleur par javascript

Publié : 15 avr. 2019, 23:42
par Salvialf
Salut,

Bon je suis sur le tél donc je ne vois peut-être pas tout mais:
- à quoi servent les 3 div avant les span ?
- le ; après la dernière accolade ?
- où est ta classe state#id# dans la partie html ?

...donc ta "condition" n'est pas bonne. Un exemple ici avec l'affichage du nom en couleur, le principe est le même: viewtopic.php?f=29&t=44302#p714618