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

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

bug IE rigolo mais rigolo: appendData + window.onload

JavaScript

Discussions similaires

Partager

Partager