[IE8] gif animé onload() on keypress()

Version imprimable

Hello les gens,
Je suis sur un intranet developpé en jsp-struts pour sa partie présentation.
Un bug connu sur IE empêche l'animation d'un gif lors de la soumission d'un form. Le gif en question permet à l'utilisateur de voir qu'un traitement est en cours et de le faire patienter, le temps que celui-ci, qui prends beaucoup de temps, finisse.
J'ai réussi à contourner le problème du gif en utilisant l'une des propositions (post #18 la seule ayant marché pour moi) énoncées sur la discution suivante:
http://www.webdeveloper.com/forum/sh...ad.php?t=90647

Mon problème actuel c'est que l'animation en question, et qui est positionnée sur une jsp popup:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <%@ taglib uri="/WEB-INF/config/struts-bean.tld" prefix="bean"%> <%@ taglib uri="/WEB-INF/config/struts-html.tld" prefix="html"%> <%@ taglib uri="/WEB-INF/config/struts-layout.tld" prefix="layout" %> <BODY onkeypress="soPleaseWait();"> <layout:popup styleClass="QUITPOPUP" styleId="loaderPopup" key="popup.nonAuthUser.en_tete.processing"> <layout:space/> <bean:message bundle="labelScreen" key="popup.nonAuthUser.loader.pleaseWait" /><div style="display:none"><html:img styleId="loader-progress" styleClass="vertAlignPopup" src="/ProjetWeb/images/ajax-loader.gif" /></div> </layout:popup> <SCRIPT> function soPleaseWait() { document.getElementById('loader-progress').parentNode.style.display = 'block'; } </SCRIPT> </BODY>
ne voulant pas se déclencher sur l'évenement onload, m'a contraint à la mettre sur onkeypress, mais ce n'est pas l'effet recherché. Je ne vois pas comment faire pour faire apparaître mon gif des le lancement de ma jsp.
Merci pour toutes vos contributions.

26/09/2011, 16h59
SpaceFrog

je ne vois pas la raison qui empecherait l'animation de se lancer sur le onlaod de la page ??
26/09/2011, 17h08
Bovino

Citation:

Je ne vois pas comment faire pour faire apparaître mon gif des le lancement de ma jsp.

Euh... si tu veux que l'animation soit visible dès le lancement, pourquoi tu mets la div en display none ? :koi:
26/09/2011, 17h17
jadey

Citation:

je ne vois pas la raison qui empecherait l'animation de se lancer sur le onlaod de la page ??

c'est bien le cas malheureusement :aie:

Citation:

Euh... si tu veux que l'animation soit visible dès le lancement, pourquoi tu mets la div en display none ?

Pour résoudre le bug IE 8O .En d'autres termes le gif reste inanimé pendant que la barre de chargement d'IE progresse.
26/09/2011, 17h21
Sergejack

Citation:

Envoyé par jadey

c'est bien le cas malheureusement :aie:

Pour résoudre le bug IE 8O .En d'autres termes le gif reste inanimé pendant que la barre de chargement d'IE progresse.

Peut-être devriez vous définir la fonction avant l'appel (BODY onload="...").
Avec IE, faut demander le moins d'abstraction possible.

Citation:

Peut-être devriez vous définir la fonction avant l'appel (BODY onload="...").

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<%@ taglib uri="/WEB-INF/config/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/config/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/config/struts-layout.tld" prefix="layout" %>
 
<SCRIPT>
 
function soPleaseWait() {
		document.getElementById('loader-progress').parentNode.style.display = 'block';
	}	
</SCRIPT>
<BODY onload="soPleaseWait();">
<layout:popup styleClass="QUITPOPUP" styleId="loaderPopup"
	key="popup.nonAuthUser.en_tete.processing">
<layout:space/>
 
	<bean:message
		bundle="labelScreen" key="popup.nonAuthUser.loader.pleaseWait" /><div style="display:none"><html:img styleId="loader-progress"
		styleClass="vertAlignPopup" src="/FacturationWeb/images/ajax-loader.gif" /></div>
 
	</layout:popup>
 
		</BODY>

Comme ça mon reste gif inanimé.
J'ai aussi essayé avec un settimeout() sur le onload rien n'y fait.

27/09/2011, 08h30
SpaceFrog

peut etre avec un onload sur l'image ? lke passer de hidden en visible ?
27/09/2011, 10h53
jadey

Y'a pas de handler onload pour les images non ?

Citation:

lke passer

J'ai pas vraiment compris là
27/09/2011, 11h03
SpaceFrog

Img accepte le onload

lke => - k = le :red:
27/09/2011, 18h52
jadey

C'est résolu.
J'ai mis l'appel à

Code:

document.getElementById('loader-progress').parentNode.style.display = 'block';

dans une fonction js de la jsp qui appel la jsp popup.
Merci à tous.