animation d'une image gif

[cecile38]

Bonjour,

J'ai le code html suivant :

Code :

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 :

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 :

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 :

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