Discussion :

[cecile38]

Bonjour,

J'ai le code html suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
<tr>
			<td align="right"><html:link styleClass="Bouton"
				href="javascript:validerInsertion('inserer');">
				<bean:message key="common.valider" bundle="champs" />
			</html:link></td>
		</tr>
		<tr id="loading" class="hidden">
			<td colspan="4" align="left"><img src="<%=request.getContextPath()%>/images/loading.gif"/><bean:message key="popup.loading" bundle="champs" /></td>
		</tr>

et j'ai la fonction javascript suivante :

Code :

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

1
2
3
4
5
6
7
8
 
 
<script type="text/javascript">
function validerInsertion(method){
	document.getElementById("loading").className = "show";
	envoiValidation('inserer');
}
</script>

Quand j'associe au tr "loading" la classe "show" directement dans le html, l'image gif est bien animée mais si je laisse le code tel que précédemment l'image gif est fixe. Or je veux que la classe soit attribuée via la fonction javascript.

Quelqu'un aurait-il une idee?

Merci d'avance

[RomainVALERI]

Sépare l'exécution des deux parties de la fonction pour donner le temps au navigateur d'opérer le changement dans le rendu de ta page :

Code javascript :

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

1
2
3
4
function validerInsertion(method){
	document.getElementById("loading").className = "show";
	setTimeout(function() {envoiValidation('inserer');}, 10);
}

[cecile38]

non ça ne marche pas, j'ai toujours le meme problème...

personne n'a d'autres idées pour ce problème????

Merci d'avance

[SpaceFrog]

Code :

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

1
2
<html:link styleClass="Bouton"
				href="#" onclick="validerInsertion('inserer');return false;">

[cecile38]

marche pas non plus

[SpaceFrog]

essaye de réattribuer le src de l'image gif juste après avoir changé le className mais surtout conserve le return false après le onclick

[RomainVALERI]

...et la bobinette cherra.

[cecile38]

ça ne marche toujours pas...

[SpaceFrog]

si la reattribution du gif en fonctione pas cela provient de ton navigateur ...