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

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,

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.

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,

Bonsoir,

Code:

---

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

---

A+.

Citation:

---

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() ?

oui Bovino, vous avez raison

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

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>

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

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; } }

---

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,

Vérifie bien la fermeture des quotes.

Code:

---

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

---

Citation:

---

Envoyé par andry.aime

Vérifie bien la fermeture des quotes.

---

… Et des balises également :P

Code:

---

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

---

;)