Discussion :

[lcoulon]

Bonjour,

Je cherche à faire afficher une image lorsqu'une variable prend la valeur '1' et autre image lorsque cette meme variable prend la valeur '0'

Ma page contient 100 variables :

~sensor_favorite(1)~
...
~sensor_favorite(100)~

La valeur entre ~ ~ est donc soit 0 ou 1


Quel type de code javascript me permettrait de remplacer ces 100 variables par 100 petites images appelées favorite_1.png ou favorite_0.png ?

je voulais par exemple faire quelquechose dans une boucle for du type :
mais ça ne fonctionne pas ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span id ="FAV_1">?</span>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script type="text/javascript">
document.getElementById('FAV_1').innerHTML = '<img src="favorite_' + '~sensor_favorite(1)~' + '.png">';
</script>

Je vous remercie pour votre aide,

[sekaijin]

les tableaux ça existe

[lcoulon]

Bonjour sekaijin

Pouvez vous être plus précis et me donner un exemple svp.

Merci à vous

[lcoulon]

Cette boucle ne fonctionne pas, je ne sais pas pourquoi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<!-- Affichage de l'icone Favoris favorite_0.png ou favorite_1.png en fonction de l'état de chaque variable : ~sensor_favorite(i)~ //-->
 
<script language="JavaScript" type="text/javascript">
for(i = 1; i < 3; i++)
document.getElementById('FAV_'+i).innerHTML = '<img src="favorite_' + '~sensor_favorite(' +i ')~' + '.png">';
</script>

Par contre sans boucle avec un appel individuel ça fonctionne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script language="JavaScript" type="text/javascript">
document.getElementById('FAV_1').innerHTML = '<img src="favorite_' + '~sensor_favorite(1)~' + '.png">';
</script>

Pouvez vous m'indiquer ce qui ne va pas dans la boucle svp ?

[melka one]

jour

il manque un signe +

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

'<img src="favorite_~sensor_favorite('+i+')~.png">';

[lcoulon]

Avec ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<!-- Affichage de l'icone Favoris favorite_0.png ou favorite_1.png en fonction de l'état de chaque variable : ~sensor_favorite(i)~ //-->
 
<script language="JavaScript" type="text/javascript"> for(i = 1; i < 11; i++)
document.getElementById('FAV_'+i).innerHTML = '<img src="favorite_' + '~sensor_favorite(' +i+ ')~.png">';
</script>

L'adresse de l'image n°1 dans l'explorateur à bien pour adresse : /favorite_~sensor_favorite(1)~.png
par contre, avec ce principe la variable ~sensor_favorite(1)~ n'est plus remplacée par sa valeur qui doit être '0' ou '1'


Bizarrement, le fait de l'intégrer dans une boucle 'for' pose donc pb.

Par contre si je remplace la boucle 'for' par cette ligne, l'image n°1 apparait correctement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('FAV_1').innerHTML = '<img src="favorite_' + '~sensor_favorite(1)~' + '.png">';