Balise <script>, tag "defer" et IE :)

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

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/

Balise <script>, tag "defer" et IE :)

JavaScript

Vue hybride

Partager

Partager