92 lines
4.9 KiB
HTML
92 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>IE mon amour… - lespiedsdanslecode.org</title>
|
||
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
|
||
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
|
||
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
|
||
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
|
||
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
|
||
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
|
||
<meta name="robots" content="index,follow" />
|
||
<meta name="language" content="French" />
|
||
<meta name="HandheldFriendly" content="True" />
|
||
<meta name="MobileOptimized" content="320" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
|
||
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
|
||
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
|
||
<style>
|
||
body {
|
||
font-size:16pt;
|
||
max-width:42rem;
|
||
min-width: 18rem;
|
||
margin: 1em;
|
||
color: black;
|
||
background: white;
|
||
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
|
||
}
|
||
a { color: darkred; }
|
||
a:hover { background: gold; }
|
||
a:visited, a:active { color: dimgrey; }
|
||
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
|
||
nav li { list-style-type: none; }
|
||
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
|
||
h2 > a:hover { color: black; text-decoration:underline }
|
||
|
||
@media (max-width: 1000px) { #portrait {display:none;} }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<article>
|
||
<h1>IE mon amour…</h1>
|
||
<p>Oui ce navigateur est vieux, mais ce n’est pas pour ça que je
|
||
vais le respecter…</p>
|
||
<p>C’est une grosse bouze, je viens de passer une bonne partie de
|
||
l’après midi à mettre au point une page de l’application sur
|
||
laquelle je bosse pour qu’elle soit compatible mozilla/ie.</p>
|
||
<p>C’est un problème dans mon entreprise, tout est fait pour IE…
|
||
ça me fait rager.</p>
|
||
<p>Bref, tout ça pour noter ici un des fameux petit problème de
|
||
l’après midi (ça pourras aidé d’autre personne peut-être et
|
||
surtout ça me permettras de ne pas l’oublier ;-) )</p>
|
||
<p>Pour faire simple, je voici un petit bout de page:</p>
|
||
<p>Basique n’est-ce pas ? Et bien en executant ce code sous
|
||
Firefox puis sous IE on trouveras respectivement 5 et 3 comme
|
||
nombre d’enfant.</p>
|
||
<p>Effectivement, firefox, et je supose la pluspart des navigateur
|
||
moderne (confirmation après rapide test sous opéra qui affiche 5
|
||
childNodes egalement), compte 2 childNodes de type element (un
|
||
“checkbox” et un “button”). A la limite, IE aussi compte ces deux
|
||
Elements (heuresement !). C’est sur la considération des elements
|
||
de type text, c’est à dire les blancs avant et après chaque
|
||
éléments. En XML il faut tenir compte de ces zones qui peuvent
|
||
contenir du texte, et le fait de les différencier est important
|
||
car elle donne plus de souplesse dans la gestion des
|
||
ordonnancements d’enfants. IE lui ne considère pas le premier
|
||
comme une zone de texte utilisable…</p>
|
||
<p>Et pourtant, et c’est là tout l’illogique de la situation, en
|
||
modifiant le code de cette manière:</p>
|
||
<p>On se rend compte que maintenant IE compte comme Firefox et
|
||
Opéra (surement d’autres) compte 5 elements enfants.</p>
|
||
<p>Pour résumer, il est délicat de prendre des raccourcis si on
|
||
veux que l’application web fonctionne aussi sur les dinosaures
|
||
comme IE.</p>
|
||
<p>Personnelement pour vérifier et modifier l’état de la checkbox
|
||
je suis obligé de faire une boucle supplémentaire pour vérifier
|
||
sur quelque type d’element je me trouve avant d’appliquer ma
|
||
modification/lecture. Avec IE forcement je ne passe qu’une fois
|
||
dans la boucle, avec Firefox 2 du coup… Mais c’est la faute à IE
|
||
;-).</p>
|
||
<p>Alors je suis peut-être passé à coté d’une astuce qui permet de
|
||
signaler à firefox de ne pas considérer le premier blanc comme
|
||
zone de texte possible, mais bon. Si un jour du texte fait sont
|
||
apparition, je serais bien embété et obligé de modifier le
|
||
script.</p>
|
||
<p>Merci IE pour cette folle après-midi ! (je garde mes autres
|
||
problèmes pour d’autres jours… Sinon j’en ai pour la nuit :-p
|
||
)</p>
|
||
</article>
|
||
</body>
|
||
</html>
|