Code qui fonctionne avec Firebug seulement

Version imprimable

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

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:

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

15/03/2012, 13h39
andry.aime

Bonjour,

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

Citation:

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+.

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

Code:

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

15/03/2012, 15h44
andry.aime

Et le code html généré?

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

Code:

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!