Afficher une image differente pour chaque entree?

Cartes Ethernet IPX800
1

Bonjour
Je bute sur un pb : je souhaite afficher une image différente sur chaque entrée mais je n’y arrive pas. une astuce peut etre?
merci
rol50

2

Bonjour,

Il s’agit d’une simple fonction javascript à rajouter. On trouve plein d’exemple sur Google…

Vous pouvez aussi vous inspirer de la fonction qui permet de changer la couleur des led’s.

Cordialement,

GCE

3

Bonjour,

Je butte également sur ce problème depuis fort longtemps. Cela paraît si simple lorsqu’on lit les réponses sur le forum !
Cordialement.

4

Bonjour j’ai résolu le pb. C’est pas très ‹ pro ›
mais ça marche. Voici le code
J’ai pas bien saisi le fonctionnement de la fonction. En fait si on m’est i=0 c’est la dernière entrée qui change.
il faut commancer par i=3, puis 2, etc…
De même pour avoir les jours corrects, il faut démarrer à ‹ 0 ›. Le dimanche set le jour 6
// Loop over all the buttons
//for(i = 0; i < 4; i++)
//{
//
// if(getXMLValue(xmlData, ‹ btn ›+i) == ‹ up ›)
// document.getElementById(‹ btn › + i).innerHTML = ‹  ›;
// else
// document.getElementById(‹ btn › + i).innerHTML = ‹  ›;
//}

i = 3
	if(getXMLValue(xmlData, 'btn'+i) == 'up')
		document.getElementById('btn'+ i).innerHTML = '<img src="/images/portailo.png">';
	else
		document.getElementById('btn'+ i).innerHTML = '<img src="/images/portailf.png">';
	
i = 2
	if(getXMLValue(xmlData, 'btn'+i) == 'up')
		document.getElementById('btn' + i).innerHTML = '<img src="/images/ledon.png">';
	else
		document.getElementById('btn' + i).innerHTML = '<img src="/images/ledoff.png">';
	

i = 1
	if(getXMLValue(xmlData, 'btn'+i) == 'up')
		document.getElementById('btn' + i).innerHTML = '<img src="/images/ledon.png">';
	else
		document.getElementById('btn' + i).innerHTML = '<img src="/images/ledoff.png">';
	

i = 0
	if(getXMLValue(xmlData, 'btn'+i) == 'up')
		document.getElementById('btn' + i).innerHTML = '<img src="/images/ledon.png">';
	else
		document.getElementById('btn' + i).innerHTML = '<img src="/images/ledoff.png">';
	
	
//}

@+
Rol50

5

Merci pour réactivité et les explications qui me seront très utiles.
A+

6

Bonjour à tous
Les images s’affichent bien mais à priori le système n’accepte pas les gifs animés ?

7

L’ipx800 supporte les gifs animés et tout les autres médias qui existent, le flash, .avi, .mov, jpg, etc…

Cdt,

GCE

8

@rol50

Le problème se situe effectivement au niveau du navigateur.

J’ai peut être une hypothèse,
Je l’ai remarqué il y a quelques années déjà.

est ce que votre gif reste bloqué sur la première image de votre animation?

Si les boutons de votre WebApp sont des liens (balise « a »), et que l’action de click sur ce bouton effectue une action en arrière plan (genre XHR), alors le navigateur traitera cette action comme un changement de page, et arrêtera tous les processus en cours sur la page en tout cas pour les Gif animés.

La solution que j’utilisais à l’époque était :

  • remplacer les boutons link « a » par une autre balise, genre « span »
  • l’action effectuée par le lien doit se trouver dans l’attribut « onClick » du span

J’espère que cela peut vous aider.

Cordialement,
Ronan

9

Autre solution :
Ne pas utiliser de gif animé :slight_smile: