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

**jadey** · 26/09/2011, 16h55

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 :

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

**SpaceFrog** · 26/09/2011, 16h59

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

**Bovino** · 26/09/2011, 17h08

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 ?

**jadey** · 26/09/2011, 17h17

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

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

.En d'autres termes le gif reste inanimé pendant que la barre de chargement d'IE progresse.

**Sergejack** · 26/09/2011, 17h21

Envoyé par jadey

c'est bien le cas malheureusement

Pour résoudre le bug IE

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

**jadey** · 26/09/2011, 17h33

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

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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager