Afficher une image en fonction de l'état d'une variable

[lcoulon]

Bonjour

Je cherche à afficher une image en fonction de l'etat d'une variable 'var'

'var' pourra être égale à 0,1,2 ou 3

si 'var' = 0 je voudrai afficher LED0.gif
si 'var' = 1 je voudrai afficher LED1.gif
etc ...

Pour cela, j'ai intégré ceci dans la ma page HTML :

Code :

document.getElementById('var').innerHTML = '<img src="LED'+getXMLValue(xmlData, 'var')+'.gif">';

et dans la page HTML, je positionne l'endroit ou je souhaite afficher l'image avec un span id :

Code :

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

Je pense que j'ai mal écris ma fonction Java script, peut être manque t-il un ' quelque-part, car je n'ai aucune image affichée.

Cependant, lorsque j’écris ceci, l'image apparait bien :

Code :

<span id="var"><img src="LED0.gif"></span>

Pourriez vous m'aider svp ?
Je vous remercie,

[Robin56]

Premièrement, pour avoir une meilleure aide, poste dans le bon topic. En l'occurrence ici Javascript et non Java.

Ensuite, je te donnerais ce conseil (de débutant) :

Code :

1
2
3
4
5
var variable=getXMLValue (xmlData, 'var');
alert(variable); // la valeur est-elle bien récupérée ?
 
var imageLED= '<img src="LED' + variable + '.gif">';
alert(imageLED); // le code HTML est-il correct ?

Comme ça tu pourras plus facilement cerner le problème.

[lcoulon]

Merci à vous,

J'ai bien les 2 alertes , la premiere me renvoi NULL, en effet var = 0

pour la seconde, j'obtiens le code suivant dans la fenêtre :


Je veux à présent afficher l'image je procède ainsi, mais ça ne fonctionne pas, peut etre est ce incorrect ?

Code :

document.getElementById('etat').innerHTML = var imageLED;

puis à l'endroit ou je veux afficher l'image :

Code :

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

Faut il nommer le fichier image LED0.gif ou plutot LEDNULL.gif ?

Merci à vous,

[andry.aime]

Bonsoir,

Code :

document.getElementById('etat').innerHTML = imageLED;

A+.

[Bovino]

J'ai bien les 2 alertes , la premiere me renvoi NULL, en effet var = 0

Mais non, ça renvoie null parce que la valeur n'a pas pu être récupérée.

C'est quoi cette fonction getXMLValue() ?

[lcoulon]

oui Bovino, vous avez raison

je ne sais pas pourquoi je récupère null à la place de "0"

[lcoulon]

getXMLValue() permet d'aller chercher dans un fichier xml, le contenu d'une variable ('var') qui à été envoyée par un équipement distant.

lorsque je consulte le fichier xml, la valeur 'var' est pourtant bien remplacée par la valeur attendue, c'est étrange que le script n'arrive pas à la récupérer.


-> http://10.0.0.200/status.xml

--> ci joint son contenu lorsque je l'appelle directement, on voit ici que var = 1

<response>
<var>1</var>
</response>

[Bovino]

Sans le code de getXMLValue(), difficile de t'aider !

[lcoulon]

J'ai été un peu vite , la fenêtre "alerte" me retourne bien la valeur 1 pour var. Ca marche.

A présent, je voudrai tout intégrer dans une ligne mais ça ne fonctionne pas, je pense avoir un pb de syntaxe quelque part :

Code :

document.getElementById('LED').innerHTML = '<img src="LED' + getXMLValue(xmlData, 'var') +'.gif</img>">';

Voici la fonction getXMLValue :

Code :

1
2
3
4
5
6
7
8
9
10
11
// Parses the xmlResponse returned by an XMLHTTPRequest object
//	xmlData: the xmlData returned
//  field: the field to search for
function getXMLValue(xmlData, field) {
	try {
		if(xmlData.getElementsByTagName(field)[0].firstChild.nodeValue)
			return xmlData.getElementsByTagName(field)[0].firstChild.nodeValue;
		else
			return null;
	} catch(err) { return null; }
}

[lcoulon]

Bonjour

Auriez vous une idée pourquoi cette ligne ne fonctionne pas ?

Code :

1
2
 
document.getElementById('LED').innerHTML = '<img src="LED' + getXMLValue(xmlData, 'var') +'.gif</img>">';

Je vous remercie,

[andry.aime]

Vérifie bien la fermeture des quotes.

Code :

1
2
 
document.getElementById('LED').innerHTML = '<img src="LED' + getXMLValue(xmlData, 'var') +'.gif" </img>';

[Watilin]

Envoyé par andry.aime

Vérifie bien la fermeture des quotes.

… Et des balises également

Code :

document.getElementById('LED').innerHTML = '<img src="LED' + getXMLValue(xmlData, 'var') + '.gif">';