Conditionné un tableau CSS

Bonjour, dans le cadre de mon travail, j'ai crée un programme dans un automate intégrant un serveur Web. J'ai réussi à créer des pages web à partir d'un modéle mais il y a 2 problémes que je n'arrive pas à résoudre.

-1ér probléme: Je souhaiterai que la valeur Sonde 1 soit de couleur rouge dans mon tableau quand une variable que j'appelle est à 1(nom de variable: defS1 . J'ai réussi à changer la couleur mais sans la conditionné.

<td>
		<span style="color:red">=GetValue('Sonde1', false, 0)</span> °C
	</td>

-2éme probléme
Ensuite, j'ai crée une deuxième colonne pour la sonde 2 mais je voudrais qu'elle s'affiche si mon paramètre Params_Nbr est égale à 2.
Je n'ai aucune idée pour le conditionné.

<tr>  
		<th width="300px"></th>
		<th>Sonde 1</th>
		<th>Sonde 2</th>
	</tr>	

Merci de votre aide..
Modifié par freezecool (18 Mar 2015 - 18:41)

Bonjour et bienvenue sur le forum.

Pour ta demande, il va falloir passer par du javascript, en espérant que ton automate ne le bloque pas (mais il n'y a pas trop de raison à ça).

Pour ça, il faut déjà que tu commences par nommer tes éléments importants (ceux qui vont s'afficher ou pas, et ceux sur lesquels tu vas faire tes tests)

Le plus simple, tu leur colles un id unique (et/ou une classe), ex :

<span id="sonde1">=GetValue('Sonde1', false, 0)</span>

L'intérêt aussi, est que tu peux définir un style dessus grâce au CSS, ex :

#sonde1 {
  color:green;
}

Et ensuite tu passes au JS :

var sonde1 = document.getElementById("sonde1");
if ( sonde1.innerHTML === "1" ) {
	sonde1.style.color = "red";
} else {
	sonde1.style.color = "green";
}

Je laisserai quand même le soin à ceux qui sont plus habitués que moi au vanillaJS de vérifier que je n'écrive pas de conneries.

Je te laisse le soin d'essayer de réaliser la deuxième partie toi-même.

Bonjour solidsnake,

Je viens d'essayer ,j'ai modifié un peu le code car le couleur du texte de la sonde change en fonction d'une autre variable et je coince encore.

var sonde1 = document.getElementById("sonde1");
var defS1 = document.getElementById("defS1");
if ( defS1.innerHTML == "1" ) {
	sonde1.style.color = "red";
} else {
	sonde1.style.color = "green";
}

Merci de votre aide
Modifié par freezecool (20 Mar 2015 - 13:52)