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

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

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 ?

jadey · 26/09/2011, 17h17

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

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

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

Sergejack · 26/09/2011, 17h21

Citation:

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

Citation:

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.

SpaceFrog · 27/09/2011, 08h30

peut etre avec un onload sur l'image ? lke passer de hidden en visible ?

jadey · 27/09/2011, 10h53

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

Citation:

lke passer

J'ai pas vraiment compris là

SpaceFrog · 27/09/2011, 11h03

Img accepte le onload

lke => - k = le :red:

jadey · 27/09/2011, 18h52

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

Code :

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

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

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

26/09/2011, 16h59	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	je ne vois pas la raison qui empecherait l'animation de se lancer sur le onlaod de la page ?? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

27/09/2011, 08h30	#7
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	peut etre avec un onload sur l'image ? lke passer de hidden en visible ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

27/09/2011, 11h03	#9
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	Img accepte le onload lke => - k = le :red: __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

27/09/2011, 18h52	#10
jadey Membre éclairé Inscription : juin 2005 Messages : 1 056 Détails du profil Informations forums : Inscription : juin 2005 Messages : 1 056 Points : 329 Points : 329	C'est résolu. J'ai mis l'appel à Code : Sélectionner tout - Visualiser dans une fenêtre à part document.getElementById('loader-progress').parentNode.style.display = 'block'; dans une fonction js de la jsp qui appel la jsp popup. Merci à tous.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email