Balise <script>, tag "defer" et IE :) [Résolu]

Pepcitron · 20/12/2010, 10h54

Bonjour à tous, ami(e)(s) lecteur(s) !

Si je viens vers vous aujourd'hui, c'est pour exposer un problème que je n'arrive pas à comprendre...

Je développe un appli J2EE, avec côté client, des pages JSF.

J'ai quelques balises <script language="Javascript">...</script> qui me permettent de réaliser quelques traitement.

Tout fonctionne sans soucis avec Firefox. Mais sous IE (6, 7 et 8), j'ai un problème. Il n'y a aucune de mes fonctions qui fonctionnent et j'ai le droit au script error d'IE : Objet attendu.

Après avoir regarder le code source de la page, je me suis rendu compte qu'IE avait rajouter le tag defer dans toutes les balises scripts de la page.

Quelques recherche plus tard, j'apprends que ce tag "defer" permet d'exécuter le JS après que la page soit charger... Du coup, c'est normal que rien ne fonctionne car l'import des librairies JSF et Richfaces, se fait à l'aide des balises script (exemple: <script defer type="text/javascript">window.RICH_FACES_EXTENDED_SKINNING_ON=true;</script>)

Il faut que ces import se fassent au chargement de la page, et pas après.

Bref, il me faut une solution pour qu'IE ne rajoute pas le tag "defer" dans mes balises <script>... Pourquoi ce tag "defer" s'insère sournoisement dans mes balises script ? Il doit bien avoir une explication et une solution, merci de m'éclairer avec vos lumière !

Je précise tout de même que j'ai déjà utilisé ses technos là pour développer des applis, et je n'ai jamais eu ce problème auparavant :-/

RomainVALERI · 20/12/2010, 11h13

Citation:

Envoyé par Pepcitron

Après avoir regarder le code source de la page, je me suis rendu compte qu'IE avait rajouter le tag defer dans toutes les balises scripts de la page.

Ca ne serait pas plutot tes JSP qui génèrent du HTML avec cette balise... ? Les navigateurs interpretent effectivement les pages différemment, mais de là à rajouter des choses dans les pages, je n'ai pas souvenir que ca aille jusque là, même pour IE ^^

Montre-nous une JSP, et son code généré sous FF et IE pour comparaison

Pepcitron · 20/12/2010, 11h24

Ci-tôt dis, ci-tôt fait

Voici une page JSF toute simple, un formulaire avec deux champs.

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:vh="http://rcfaces.org/html" xmlns:v="http://rcfaces.org/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich" 
	contentType="text/html">	
 
	<ui:composition template="webCallBase.xhtml">
		<ui:define name="contenu">
			<div id="content" class="content">
				<h:form id="formToCall" prependId="false">
					<div id="formulaireAppel" class="formulaireAppel">
						<h:outputLabel id="titreFormulaire" styleClass="titreFormulaire" value="#{bundle.titreBoutique}" />
						<br /><br /><br />
 
						<h:outputLabel id="texteRappelImmediat" value="#{bundle.texteRappelImmediat}" />
						<br /><br />
						<h:inputText id="inputNumAppele" styleClass="inputForm" value="#{webCallBean.numToForm}" validator="#{webCallBean.validateNumero}" required="true" requiredMessage="#{bundle.numAbsent}" />
						<br />
						<h:message for="inputNumAppele" styleClass="validator" />
 
						<br /><br /><br />
 
						<h:outputLabel id="texteNumero" value="#{bundle.texteNumero}" />
						<br /><br />
						<h:inputText id="inputNumAppelant" styleClass="inputForm" value="#{webCallBean.numFromForm}" validator="#{webCallBean.validateNumero}" required="true" requiredMessage="#{bundle.numAbsent}" />
						<br />
						<h:message for="inputNumAppelant" styleClass="validator" />
 
						<br /><br /><br />
 
						<h:selectBooleanCheckbox id="afficheNum" value="#{webCallBean.showNum}" />
						<h:outputLabel for="afficheNum" styleClass="outputAfficheNum" value="#{bundle.texteAfficheNumero}" />
 
						<br /><br />
 
						<div id="boutonOk" class="boutonOk">
							<h:commandButton id="lancementAppel" style="border=0" value="ok" image="/img/btn_valider.png" action="#{webCallBean.preparationAppel}" onclick="sauvegarderCookie();showWaitDiv()" />
						</div>
 
						<br /><br />
					</div>
 
					<div id="waitDiv" style="display:none" class="wait">
						<h:graphicImage value="/img/wait.gif" />
					</div>
 
					<script language="Javascript">
						chargerCookie();
					</script>
				</h:form>
			</div>
		</ui:define>
	</ui:composition>
</f:view>

Sur cette page, j'ai juste une balise <script> à la fin de celle-ci pour charger des données qui j'ai mis en cookies.

Voici l'interprétation de Firefox :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vh="http://rcfaces.org/html" xmlns:v="http://rcfaces.org/core">
 
	<head>
		<title>Mise en relation telephonique</title>
		<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
		<link class="component" href="/webCall/a4j/s/3_3_3.Finalorg/richfaces/renderkit/html/css/basic_both.xcss/DATB/eAELXT5DOhSIAQ!sA18_.jsf" rel="stylesheet" type="text/css" /><link class="component" href="/webCall/a4j/s/3_3_3.Finalorg/richfaces/renderkit/html/css/extended_both.xcss/DATB/eAELXT5DOhSIAQ!sA18_.jsf" media="rich-extended-skinning" rel="stylesheet" type="text/css" /><script type="text/javascript">window.RICH_FACES_EXTENDED_SKINNING_ON=true;</script><script src="/webCall/a4j/g/3_3_3.Finalorg/richfaces/renderkit/html/scripts/skinning.js.jsf" type="text/javascript"></script><script type="text/javascript" src="../js/webCall.js"></script>
		<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
 
		<script type="text/javascript" src="../js/jquery.countdown.js"></script><link rel="stylesheet" type="text/css" href="/webCall/css/jquery.countdown.css" /><link rel="stylesheet" type="text/css" media="print" href="/webCall/css/print.css" /><link rel="stylesheet" type="text/css" href="/webCall/css/webCall.css" />
	</head>
 
	<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
		<div class="all">
			<div id="page" class="page"><div id="j_id6">
					<div id="noPrint" class="mainHeader"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
 
		<div id="header" class="header">
			<table width="100%" height="75" border="0">
 
			  <tr>
			    <td width="24%" height="49"><img src="/webCall/img/logo_OBS_gauche.jpg" /></td>
			  </tr>
			</table>
		</div>
					</div></div>
 
				<div id="contenu" class="contenu">
					<div class="arrondi un"></div>
			        <div class="arrondi deux"></div>
 
			        <div class="arrondi trois"></div>
			        <div class="arrondi quatre"></div>
	            	<div class="cadreFormulaire">
			<div id="content" class="content">
<form id="formToCall" name="formToCall" method="post" action="/webCall/xhtml/formulaire.jsf" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="formToCall" value="formToCall" />
 
					<div id="formulaireAppel" class="formulaireAppel"><label id="titreFormulaire" class="titreFormulaire">
Service de mise en relation t&eacute;l&eacute;phonique</label>
 
						<br /><br /><br /><label id="texteRappelImmediat">
Pour un rappel imm&eacute;diat, indiquez le num&eacute;ro de t&eacute;l&eacute;phone du service ou de la personne &agrave; contacter :</label>
						<br /><br /><input id="inputNumAppele" type="text" name="inputNumAppele" value="" class="inputForm" />
						<br />
 
						<br /><br /><br /><label id="texteNumero">
Indiquez votre num&eacute;ro :</label>
 
						<br /><br /><input id="inputNumAppelant" type="text" name="inputNumAppelant" value="" class="inputForm" />
						<br />
 
						<br /><br /><br /><input id="afficheNum" type="checkbox" name="afficheNum" /><label for="afficheNum" class="outputAfficheNum">
Afficher mon num&eacute;ro sur le poste destinataire.</label>
 
						<br /><br />
 
						<div id="boutonOk" class="boutonOk"><input id="lancementAppel" type="image" src="/webCall/img/btn_valider.png" name="lancementAppel" onclick="sauvegarderCookie();showWaitDiv()" style="border=0" />
						</div>
 
						<br /><br />
 
					</div>
 
					<div id="waitDiv" style="display:none" class="wait"><img src="/webCall/img/wait.gif" />
					</div>
 
					<script language="Javascript">
						chargerCookie();
					</script><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="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" autocomplete="off" />
</form>
			</div>
	            	</div>
			        <div class="arrondi quatre"></div>
			        <div class="arrondi trois"></div>
 
			        <div class="arrondi deux"></div>
			        <div class="arrondi un"></div>
				</div><div id="j_id34">
					<div id="noPrint" class="mainFooter"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
 
		<div id="footer" class="footer">
			<div class="CGU">Condition general dutilisation</div>
 
			<br />
 
			<div>
 
				<p class="footerLeft">&copy; Orange Business Services </p><img src="/webCall/img/logo_internet.gif" class="footerRight" />
			</div>
		</div>
					</div></div>
 
	        </div>
	    </div>
	</body>
</html>

Maintenant, voici l'interprétation d'IE (7) :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vh="http://rcfaces.org/html" xmlns:v="http://rcfaces.org/core">
 
	<head>
		<title>Mise en relation telephonique</title>
		<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
		<link class="component" href="/webCall/a4j/s/3_3_3.Finalorg/richfaces/renderkit/html/css/basic_both.xcss/DATB/eAELXT5DOhSIAQ!sA18_.jsf" rel="stylesheet" type="text/css" /><link class="component" href="/webCall/a4j/s/3_3_3.Finalorg/richfaces/renderkit/html/css/extended_both.xcss/DATB/eAELXT5DOhSIAQ!sA18_.jsf" media="rich-extended-skinning" rel="stylesheet" type="text/css" /><script defer  type="text/javascript">window.RICH_FACES_EXTENDED_SKINNING_ON=true;</script><script src="/webCall/a4j/g/3_3_3.Finalorg/richfaces/renderkit/html/scripts/skinning.js.jsf" type="text/javascript"></script><script defer  type="text/javascript" src="../js/webCall.js"></script>
		<script defer  type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
		<script defer  type="text/javascript" src="../js/jquery.countdown.js"></script><link rel="stylesheet" type="text/css" href="/webCall/css/jquery.countdown.css" /><link rel="stylesheet" type="text/css" media="print" href="/webCall/css/print.css" /><link rel="stylesheet" type="text/css" href="/webCall/css/webCall.css" />
	</head>
 
	<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
		<div class="all">
			<div id="page" class="page"><div id="j_id6">
					<div id="noPrint" class="mainHeader"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
 
		<div id="header" class="header">
			<table width="100%" height="75" border="0">
			  <tr>
			    <td width="24%" height="49"><img src="/webCall/img/logo_OBS_gauche.jpg" /></td>
			  </tr>
			</table>
		</div>
					</div></div>
 
				<div id="contenu" class="contenu">
					<div class="arrondi un"></div>
			        <div class="arrondi deux"></div>
			        <div class="arrondi trois"></div>
			        <div class="arrondi quatre"></div>
	            	<div class="cadreFormulaire">
			<div id="content" class="content">
<form id="formToCall" name="formToCall" method="post" action="/webCall/xhtml/formulaire.jsf" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="formToCall" value="formToCall" />
 
					<div id="formulaireAppel" class="formulaireAppel"><label id="titreFormulaire" class="titreFormulaire">
Service de mise en relation t&eacute;l&eacute;phonique</label>
						<br /><br /><br /><label id="texteRappelImmediat">
Pour un rappel imm&eacute;diat, indiquez le num&eacute;ro de t&eacute;l&eacute;phone du service ou de la personne &agrave; contacter :</label>
						<br /><br /><input id="inputNumAppele" type="text" name="inputNumAppele" value="" class="inputForm" />
						<br />
 
						<br /><br /><br /><label id="texteNumero">
Indiquez votre num&eacute;ro :</label>
						<br /><br /><input id="inputNumAppelant" type="text" name="inputNumAppelant" value="" class="inputForm" />
						<br />
 
						<br /><br /><br /><input id="afficheNum" type="checkbox" name="afficheNum" /><label for="afficheNum" class="outputAfficheNum">
Afficher mon num&eacute;ro sur le poste destinataire.</label>
 
						<br /><br />
 
						<div id="boutonOk" class="boutonOk"><input id="lancementAppel" type="image" src="/webCall/img/btn_valider.png" name="lancementAppel" onclick="sauvegarderCookie();showWaitDiv()" style="border=0" />
						</div>
 
						<br /><br />
					</div>
 
					<div id="waitDiv" style="display:none" class="wait"><img src="/webCall/img/wait.gif" />
					</div>
 
					<script defer  language="Javascript">
						chargerCookie();
					</script><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="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" autocomplete="off" />
</form>
			</div>
	            	</div>
			        <div class="arrondi quatre"></div>
			        <div class="arrondi trois"></div>
			        <div class="arrondi deux"></div>
			        <div class="arrondi un"></div>
				</div><div id="j_id34">
					<div id="noPrint" class="mainFooter"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
 
		<div id="footer" class="footer">
			<div class="CGU">Condition general dutilisation</div>
 
			<br />
 
			<div>
				<p class="footerLeft">&copy; Orange Business Services </p><img src="/webCall/img/logo_internet.gif" class="footerRight" />
			</div>
		</div>
					</div></div>
 
	        </div>
	    </div>
	</body>
</html>

On peut constater que IE rajoute le tag defer sur toutes mes balises scripts, c'est moche :-/

RomainVALERI · 20/12/2010, 11h41

Effectivement j'ai fait un test sur une page minimale

Code html :

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

1
2
3
4
5
6
<html>
<head></head>
<body>
<script defer  type="text/javascript">alert("test");</script>
</body>
</html>

et le résultat interprété dans FF est le suivant :

Code html :

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

1
2
3
4
<html><head>
</head><body>
<script defer="defer" type="text/javascript">alert("test");</script>
</body></html>

Donc on peut supposer que le defer n'était pas présent dans le source fourni à FF...

Mais qu'est-ce que tu nous fais encore, IE ?

Pepcitron · 20/12/2010, 11h45

IE se rit bien de nous

Et pour le test, j'ai rajouter dans ma JSF le tag "defer" à false pour forcer IE à ne pas interpréter ce fichu tag. Le résultat interprété par IE ma laissé sans voix :

Code :

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

1
2
3
4
 
<script defer defer="false" language="Javascript">
	chargerCookie();
</script>

Ce que je n'arrive pas à comprendre, c'est que j'ai déjà fait pas mal d'appli JSF, et c'est la rpemière fois que c'est ce comportement de la part d'IE.... moi qui pensais qu'on devenais bons copains :-/

danielhagnoul · 20/12/2010, 11h52

Bonjour

Defer : http://www.websiteoptimization.com/speed/tweak/defer/

Pepcitron · 20/12/2010, 12h08

Bonjour danielhagnoul,

Merci pour ce lien, et effectivement on apprend des choses intéressantes sur ce tag. D'ailleurs, j'avais déjà lu cette doc.

Mais en fait, je cherche un moyen de virer ce tag, purement et simplement de l'interprétation IE. Il n'a rien à faire là...

[Edit 17:22] (re)Bonjour,

J'ai finalement trouvé la solution à mon soucis, merci à tous ceux qui ont essayé de m'aider à le résoudre.

Voici le soucis : ma page JSF s'affiche dans mon browser suite a une redirection AJAX. Or, il apparaît qu'une redirection AJAX interprète à sa sauce une page html. C'est pourquoi j'avais le droit au tag "defer" dans toutes mes balises <script>. Du coup, tout mon JS se chargeais dans n'importe quel ordre, ce qui faisais planter mes méthodes JS.

La solution : remplacer la redirection AJAX (a4j:commandButton) par une redirection normal (h:commandButton). Pour une redirection sans passage de paramètres, ça fonctionne. Mon problème a été résolue.

Une fois de plus, merci.

20/12/2010, 10h54	#1
Pepcitron Invité de passage Inscription : octobre 2010 Messages : 7 Détails du profil Informations forums : Inscription : octobre 2010 Messages : 7 Points : 1 Points : 1	Balise <script>, tag "defer" et IE :) Bonjour à tous, ami(e)(s) lecteur(s) ! Si je viens vers vous aujourd'hui, c'est pour exposer un problème que je n'arrive pas à comprendre... Je développe un appli J2EE, avec côté client, des pages JSF. J'ai quelques balises <script language="Javascript">...</script> qui me permettent de réaliser quelques traitement. Tout fonctionne sans soucis avec Firefox. Mais sous IE (6, 7 et 8), j'ai un problème. Il n'y a aucune de mes fonctions qui fonctionnent et j'ai le droit au script error d'IE : Objet attendu. Après avoir regarder le code source de la page, je me suis rendu compte qu'IE avait rajouter le tag defer dans toutes les balises scripts de la page. Quelques recherche plus tard, j'apprends que ce tag "defer" permet d'exécuter le JS après que la page soit charger... Du coup, c'est normal que rien ne fonctionne car l'import des librairies JSF et Richfaces, se fait à l'aide des balises script (exemple: <script defer type="text/javascript">window.RICH_FACES_EXTENDED_SKINNING_ON=true;</script>) Il faut que ces import se fassent au chargement de la page, et pas après. Bref, il me faut une solution pour qu'IE ne rajoute pas le tag "defer" dans mes balises <script>... Pourquoi ce tag "defer" s'insère sournoisement dans mes balises script ? Il doit bien avoir une explication et une solution, merci de m'éclairer avec vos lumière ! Je précise tout de même que j'ai déjà utilisé ses technos là pour développer des applis, et je n'ai jamais eu ce problème auparavant :-/
	00

20/12/2010, 11h52	#6
danielhagnoul Rédacteur Daniel Hagnoul Étudiant perpétuel Inscription : février 2009 Messages : 3 221 Détails du profil Informations personnelles : Nom : Daniel Hagnoul Âge : 61 Localisation : Belgique Informations professionnelles : Activité : Étudiant perpétuel Secteur : Enseignement Informations forums : Inscription : février 2009 Messages : 3 221 Points : 6 767 Points : 6 767	Bonjour Defer : http://www.websiteoptimization.com/speed/tweak/defer/ __________________ FAQ jQuery Mon cahier d’exercices sur jQuery & Co Si un message vous a aidé ou vous semble pertinent, votez pour lui !
	00

20/12/2010, 12h08	#7
Pepcitron Invité de passage Inscription : octobre 2010 Messages : 7 Détails du profil Informations forums : Inscription : octobre 2010 Messages : 7 Points : 1 Points : 1	Bonjour danielhagnoul, Merci pour ce lien, et effectivement on apprend des choses intéressantes sur ce tag. D'ailleurs, j'avais déjà lu cette doc. Mais en fait, je cherche un moyen de virer ce tag, purement et simplement de l'interprétation IE. Il n'a rien à faire là... [Edit 17:22] (re)Bonjour, J'ai finalement trouvé la solution à mon soucis, merci à tous ceux qui ont essayé de m'aider à le résoudre. Voici le soucis : ma page JSF s'affiche dans mon browser suite a une redirection AJAX. Or, il apparaît qu'une redirection AJAX interprète à sa sauce une page html. C'est pourquoi j'avais le droit au tag "defer" dans toutes mes balises <script>. Du coup, tout mon JS se chargeais dans n'importe quel ordre, ce qui faisais planter mes méthodes JS. La solution : remplacer la redirection AJAX (a4j:commandButton) par une redirection normal (h:commandButton). Pour une redirection sans passage de paramètres, ça fonctionne. Mon problème a été résolue. Une fois de plus, merci.
	00

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