bug IE rigolo mais rigolo: appendData + window.onload

javatwister · 18/03/2011, 14h10

Suite à je ne sais quel post, je m'amusais à ajouter du contenu texte au chargement;
Prenons l'exemple suivant:

Code :

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

1
2
3
4
5
6
7
<div id="bloc">Qui ne dit mot</div>
 
<script type="text/javascript">
 
document.getElementById("bloc").firstChild.appendData(" consent.")
 
</script>

Pas de problème.

Imaginons maintenant que pour des raisons d'emplacement du script, on ait à écrire:

Code :

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

1
2
3
4
5
6
7
<script type="text/javascript">
 
window.onload=function(){
     document.getElementById("bloc").firstChild.appendData(" consent.")
}
 
</script>

Eh bien IE ne réagira pas avant qu'on ait cliqué sur le contenu initial.

Aucune info pour le moment

vermine · 18/03/2011, 14h19

IE combien ? Je n'ai aucun bug sous IE7.

SpaceFrog · 18/03/2011, 14h20

avec quelle balises ...
moi il me dit qu'il ne gère pas cette propriété

javatwister · 18/03/2011, 14h26

IE 8;

avant cette version, je ne crois pas avoir essayé testé cette situation mais appendData donnait des résultats honorables, me semble-t-il.

javatwister · 18/03/2011, 14h29

de plus, une alerte après l'append me confirme bien le nouveau contenu;

SpaceFrog · 18/03/2011, 14h31

he non je vois , il faut un peu de contenu préalable

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript">
 
window.onload=function(){
     document.getElementById("bloc").firstChild.appendData(" consent.")
}
 
</script>
 
</head>
<body>
<div id="bloc">qui ne dit mot</div>

teste sous ie 6 7 8 9 aucun bug ..

vermine · 18/03/2011, 14h35

Citation:

Envoyé par SpaceFrog

he non je vois , il faut un peu de contenu préalable

Je suppose que c'est ce que javatwister fait. Par contre, tant que tu parles de ça, comment ce fait-il que IE nécessite un contenu préalable dans la <div> pour qu'on puisse interagir avec elle ?

javatwister · 18/03/2011, 14h41

SpaceFrog: c'est mon code, bien sûr!

mettons que j'aie un bug d'affichage sur mon browser;

vermine: en fait, IE est relativement logique sur le coup et considère que le noeud texte n'existe pas tant qu'il est vide; alors ajouter quelque chose à la fin de rien, c'est ... euh ... les autres navigateurs comprennent qu'implicitement ça crée le noeud mais pas IE

vermine · 18/03/2011, 14h43

Admettons pour cet exemple. Mais j'ai déjà eu des bisbrouilles sur IE avec des <div> mais bien évidemment, je n'ai plus les scenarii en tête.

javatwister · 18/03/2011, 14h53

pareil en ligne, si vous voulez tester: http://javatwist.imingo.net/test.htm

vous avez mon consent(ement) mais pas moi

vermine · 18/03/2011, 14h56

Je perçois très bien ton consentement (toujours sur IE7).

As-tu activé le Javascript sur ton navigateur ?

SpaceFrog · 18/03/2011, 14h58

je confirme It's only you !

javatwister · 18/03/2011, 15h05

alors tenez-vous bien, recliquez et regardez le code: http://javatwist.imingo.net/test.htm

Si message incomplet constatez, à cliquer sur messages amusez-vous.

javatwister · 18/03/2011, 15h11

par contre, n'importe quelle instruction sur le même noeud, donnée après l'append, produit un l'affichage correct;

BaBeuH · 18/03/2011, 15h13

Personnellement, le mot "consent" est bien ajouté à la fin de l'élément <div> mais pas les éléments h1, h2 ou h3...

Par contre, quand j'inspecte le dom avec l'outil de développement intégré à IE, les noeuds texte sont bien corrects (i.e. avec le mot consent).

Lorsque je "force" le rafraichissement des éléments h1, h2 ou h3, en changeant une propriété css par exemple, l'affichage est correct...

Ca ressemble à un bug de rendu d'IE, non ?

vermine · 18/03/2011, 15h17

<div> ou <h>, tout s'affiche correctement.

T'es pas marrant, javatwister, de faire des jeux où je ne peux pas participer.

javatwister · 18/03/2011, 15h18

exact BaBeuH, nos posts ont dû se croiser!

pourquoi tant de haine contre les <h> ?
avons-nous mis le doigt sur un code secret inavouable?

SpaceFrog · 18/03/2011, 15h21

Pareil vermine

ils doivent avoir une version pourrie de IE.

ce qui voudrait dire qu'il en existe des pas pourries

javatwister · 18/03/2011, 15h23

aucun problème avec insert et delete...

je teste quand même d'autres balises;

BaBeuH · 18/03/2011, 15h24

En fait, le bug disparait selon le mode de compatibilité d'affichage d'IE (vous savez le truc qui rend IE encore plus ingérable pour les développeurs... différences de comportement js, rendu...etc).

Paraît-il qu'IE9 serait meilleur que ses aïeux...

18/03/2011, 14h19	#2
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 686 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 686 Points : 5 761 Points : 5 761	IE combien ? Je n'ai aucun bug sous IE7. __________________ Elen Poukram - Isegoria - Sandawe
	00

18/03/2011, 14h20	#3
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 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 007 Points : 45 091 Points : 45 091	avec quelle balises ... moi il me dit qu'il ne gère pas cette propriété __________________ 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

18/03/2011, 14h26	#4
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	IE 8; avant cette version, je ne crois pas avoir essayé testé cette situation mais appendData donnait des résultats honorables, me semble-t-il.
	00

18/03/2011, 14h29	#5
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	de plus, une alerte après l'append me confirme bien le nouveau contenu;
	00

18/03/2011, 14h41	#8
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	SpaceFrog: c'est mon code, bien sûr! mettons que j'aie un bug d'affichage sur mon browser; vermine: en fait, IE est relativement logique sur le coup et considère que le noeud texte n'existe pas tant qu'il est vide; alors ajouter quelque chose à la fin de rien, c'est ... euh ... les autres navigateurs comprennent qu'implicitement ça crée le noeud mais pas IE
	00

18/03/2011, 14h43	#9
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 686 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 686 Points : 5 761 Points : 5 761	Admettons pour cet exemple. Mais j'ai déjà eu des bisbrouilles sur IE avec des <div> mais bien évidemment, je n'ai plus les scenarii en tête. __________________ Elen Poukram - Isegoria - Sandawe
	00

18/03/2011, 14h53	#10
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	pareil en ligne, si vous voulez tester: http://javatwist.imingo.net/test.htm vous avez mon consent(ement) mais pas moi
	00

18/03/2011, 14h56	#11
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 686 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 686 Points : 5 761 Points : 5 761	Je perçois très bien ton consentement (toujours sur IE7). As-tu activé le Javascript sur ton navigateur ? __________________ Elen Poukram - Isegoria - Sandawe
	00

18/03/2011, 14h58	#12
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 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 007 Points : 45 091 Points : 45 091	je confirme It's only you ! __________________ 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

18/03/2011, 15h05	#13
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	alors tenez-vous bien, recliquez et regardez le code: http://javatwist.imingo.net/test.htm Si message incomplet constatez, à cliquer sur messages amusez-vous.
	00

18/03/2011, 15h11	#14
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	par contre, n'importe quelle instruction sur le même noeud, donnée après l'append, produit un l'affichage correct;
	00

18/03/2011, 15h13	#15
BaBeuH Membre actif Inscription : juin 2004 Messages : 152 Détails du profil Informations forums : Inscription : juin 2004 Messages : 152 Points : 154 Points : 154	Personnellement, le mot "consent" est bien ajouté à la fin de l'élément <div> mais pas les éléments h1, h2 ou h3... Par contre, quand j'inspecte le dom avec l'outil de développement intégré à IE, les noeuds texte sont bien corrects (i.e. avec le mot consent). Lorsque je "force" le rafraichissement des éléments h1, h2 ou h3, en changeant une propriété css par exemple, l'affichage est correct... Ca ressemble à un bug de rendu d'IE, non ?
	00

18/03/2011, 15h17	#16
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 686 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 686 Points : 5 761 Points : 5 761	Diablerie ! <div> ou <h>, tout s'affiche correctement. T'es pas marrant, javatwister, de faire des jeux où je ne peux pas participer. __________________ Elen Poukram - Isegoria - Sandawe
	00

18/03/2011, 15h18	#17
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	exact BaBeuH, nos posts ont dû se croiser! pourquoi tant de haine contre les <h> ? avons-nous mis le doigt sur un code secret inavouable?
	00

18/03/2011, 15h21	#18
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 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 007 Points : 45 091 Points : 45 091	Pareil vermine ils doivent avoir une version pourrie de IE. ce qui voudrait dire qu'il en existe des pas pourries __________________ 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

18/03/2011, 15h23	#19
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	aucun problème avec insert et delete... je teste quand même d'autres balises;
	00

18/03/2011, 15h24	#20
BaBeuH Membre actif Inscription : juin 2004 Messages : 152 Détails du profil Informations forums : Inscription : juin 2004 Messages : 152 Points : 154 Points : 154	En fait, le bug disparait selon le mode de compatibilité d'affichage d'IE (vous savez le truc qui rend IE encore plus ingérable pour les développeurs... différences de comportement js, rendu...etc). Paraît-il qu'IE9 serait meilleur que ses aïeux...
	00

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