Discussion :

[daydream123]

Bonjour,
J'ai le code suivant sur ma JSP:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var url = "control/controler.html";
 
	var alerte;
 
	$.getJSON(url, null,function(data){
		$.each(data, function(key, val) {	
			if (val.alerte != null){
				alerte = val.alerte;
			}						
		});	
 
		var id = nom;
 
		if (alerte == 0){
			document.getElementById(id).style.backgroundColor = '#89A54E';
 
<c:forEach var="partner" items="${conf.partnerList}">
			<tr>
				<td><c:out value="${partner.name}" /></td>
				<td id="<c:out value="${partner.name />"></td>
			</tr>
		</c:forEach>

En fait, ce que je veux, c'est que la cellule de mon tableau change de couleur selon selon l'alerte. Ce code marche quand j'utilise Firebug, et que je procède étape par étape, j'ai chaque case avec une la couleur que je veux. Mais quand j'exécute sans Firebug, il l y n'y a que la dernière case qui prend la couleur. Pourquoi??

Je pense que c'est dû à des problèmes de synchronisation Ajax. Dans ce cas, ou est-ce qu je dois mettre mon code?

Parce que là, pour exécuter ma fonction, je fais juste:

Code :

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

1
2
3
$(document).ready(function() {
		changeBackgroundColor();
	});

[andry.aime]

Bonjour,

Tu peux nous montrer le code html généré mais pas le code jsp?
Il est où la fonction changeBackgroundColor ?

if (alerte == 0){
document.getElementById(id).style.backgroundColor = '#89A54E';

<c:forEach var="partner" items="${conf.partnerList}">
<tr>
<td><c:out value="${partner.name}" /></td>

ça ne va pas généré du javascript sauté Html?

A+.

[daydream123]

Non, ça ne généré pas du javascript sauté HTML.
La fonction changeBackgroundColor():

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
function changeBackgroundColor(){
 
	var url = "control/controler.html";
 
	var alerte;
 
	$.getJSON(url, null,function(data){
		$.each(data, function(key, val) {	
			if (val.alerte != null){
				alerte = val.alerte;
			}						
		});	
 
		var id = "nom";
 
		if (alerte == 0){
			document.getElementById(id).style.backgroundColor = '#89A54E';
		} else if (alerte ==1){
			document.getElementById(id).style.backgroundColor ='#E67E30';
		}else if (alerte == 2){
			document.getElementById(id).style.backgroundColor = '#AA4643';
		}	
	});
	</c:forEach>
}

[andry.aime]

Et le code html généré?

[daydream123]

J'ai pu régler le problème en mettant:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var id = "nom";
 
		if (alerte == 0){
			document.getElementById(id).style.backgroundColor = '#89A54E';
		} else if (alerte ==1){
			document.getElementById(id).style.backgroundColor ='#E67E30';
		}else if (alerte == 2){
			document.getElementById(id).style.backgroundColor = '#AA4643';
		}

à l'intérieur de ma boucle $.getJSON

Merci pour les réponses!