Commentaires sur : Note : Pour appliquer des styles différents lorsque Java […]

Par : Cyril

Cyril — Fri, 05 Feb 2010 08:44:06 +0000

Hum intéressant ce document.documentElement, jusqu’à présent je faisais :
document.getElementsByTagName('html')[0].className = 'js';

Merci !

Par : Pierre Bertet

Pierre Bertet — Fri, 29 Jan 2010 11:31:27 +0000

@Ombre : Effectivement l'espace est là pour cette raison, mais selon Éric, ça pourrait poser un problème sur d'anciens navigateurs si l'attribut est vide au départ. @Éric : Tu as une idée du navigateur qui n'accepterait pas un espace comme premier caractère de l'attribut class ? Un Un vieil Opera peut-être ? Au pire, on peut toujours le mettre après la classe, mais c'est plus long :

document.body.className = "js " + document.body.className;

Par : Ombre

Ombre — Fri, 29 Jan 2010 11:20:38 +0000

L'élement html je voulais dire. :-)

Par : Ombre

Ombre — Fri, 29 Jan 2010 11:13:25 +0000

Je vous propose par contre de ne pas utiliser += » js » parce que sur certains vieux navigateurs (dont je n’ai plus la version exacte) les attributs de classe commençant par un espace sont mal pris en compte.

Je pensais que l'espace (séparateur) était nécessaire au cas où l'attribut html posséderait déjà des classes.

Par contre @Ombre : surtout pas de ça dans un fichier séparé, ça tuerait une grosse partie de l’intérêt, et vu le poids de la ligne de script ça va très bien en inline dans le HTML

Merci pour l'info. ;-)

Par : Benjamin D.C.

Benjamin D.C. — Wed, 27 Jan 2010 21:41:13 +0000

@Eric Une classe appliquée sur HTML est parfaitement valide en HTML5 ;)

Par : Pierre Bertet

Pierre Bertet — Wed, 27 Jan 2010 20:21:17 +0000

@truffo : Parce que c'est plus lent :-) C'est aussi plus complexe à gérer, puisque les styles d'un même composant se retrouvent dans deux fichiers séparés. C'est pour cette même raison que je préfère utiliser les commentaires conditionnels pour ajouter un ID spécifique à IE plutôt qu'un fichier CSS séparé.

Par : truffo

truffo — Wed, 27 Jan 2010 20:12:03 +0000

Je vois pas bien l’intéret d’un tel montage, pourquoi ne pas injecter les styles directement avec javascript en lazyloading.

Par : Eric

Eric — Wed, 27 Jan 2010 18:50:31 +0000

Je confirme le document.documentElement.

Il est toujours possible que le script soit exécuté alors que le noeud DOM d’une balise précédente n’est toujours pas présent dans l’arbre. Pourquoi pas avec la balise body.

Le documentElement représente la balise HTML, qui ne devrait pas avoir de classe, mais dans les faits ça fonctionne et on ne viole aucune spec (DOM nous autorise à faire ça, et on n’a pas cassé HTML vu que la classe n’a pas été mise en HTML)

Je vous propose par contre de ne pas utiliser += » js » parce que sur certains vieux navigateurs (dont je n’ai plus la version exacte) les attributs de classe commençant par un espace sont mal pris en compte.

Par contre @Ombre : surtout pas de ça dans un fichier séparé, ça tuerait une grosse partie de l’intérêt, et vu le poids de la ligne de script ça va très bien en inline dans le HTML

Par : Ombre

Ombre — Wed, 27 Jan 2010 12:38:26 +0000

Perso, j'utilise la classe sur l'élément html (le premier élément créé) avec :

document.documentElement.className+=" hasJS";

exemple Le code pourrait être dans un fichier séparé.