Détecter si css est activé

Soyez le premier à donner votre avis sur cette source.

Snippet vu 4 581 fois - Téléchargée 17 fois

Contenu du snippet

Bon, voilà encore un petit bout de code que j'ai construit pour résoudre un problème.

De plus en plus de navigateur offrent la fonctionnalité de désactiver CSS. À quel but ? Mais bon... là n'est pas le sujet

Il existe déjà la balise <noscript> si JavaScript n'est pas activé. Mais si CSS ne l'est pas que faire ? Voilà un petit bout de code (bien que non propre, puisqu'il ajoute puis supprime des éléments à la page) qui permet de détecter si CSS est activé.

Source / Exemple :


<html>
<head>
<title>Désactiver CSS</title>
<script type="text/javascript">
function isCssActivate(){
var tn= document.createElement('div');
tn.innerHTML="<div id='_iscss_1'>aaa</div><div id='_iscss_2' style='width:100px;'>aaa</div>";

document.body.appendChild(tn);
ty=document.getElementById('_iscss_1').offsetWidth!=document.getElementById('_iscss_2').offsetWidth;
document.body.removeChild(tn);
return ty;
}
navigator.isCssActive=isCssActivate;
</script>
</head>
<body onload="if(!navigator.isCssActive())document.body.innerHTML+='<b>CSS NON ACTIVÉ</b>';"><div>TEST</div></body></html>

Conclusion :


à celui à qui ce sera utile !

A voir également

Ajouter un commentaire

Commentaires

jdmcreator
Messages postés
656
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
3 -
Tu as tout fait raison, seulement c'est plutôt compliqué à mettre en oeuvre et beaucoup e site à petit public s'en ***** et ne veulent pas y perdre de temps. C'est clair que l'accès aux non-voyants aux sites web devraient être une priorité et commence à l'être (voir CKEditor v.3.0) mais ici n'est pas l'objectif de la source. Même si cela peut rester lisible comme site, le rendu ne sera pas beau. On peut aussi conseiller à l'utilisateur d'activer le CSS ou de changer de navigateur.

Cela reste un important débat.
McPeter
Messages postés
136
Date d'inscription
mercredi 22 janvier 2003
Statut
Membre
Dernière intervention
18 avril 2013
-
Code-Sources n'est pas une référence en matière d'accessibilité :)
Et désolé . .mais tous mes "nouveaux" sites fonctionnent parfaitement sans css.
un bon truc .. colle toi dans un navigateur texte (type w3m / lynx / links2 / etc ..) et regarde le rendu :)
une autre approche : imagine que tu sois non voyant et que tu utilises un navigateur vocal ..
dans le cas d'une mise en page faite en tableau ... tu auras quitté le site avant d'avoir touché la moindre information ..( le lecteur lira : cellulue 1 : rien, cellule 2 image ... etc ..)
un site doit être présenter par une recherche, son contenue, un accès rapide vers un menu ou des sous sections de menus ou un menu simple, les fioritures
il faut conserver un peu près cet ordreune fois que tu as ça . .tu as un site fonctionnel .. vient ensuite "l'habbillage" et donc le css
jdmcreator
Messages postés
656
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
3 -
Oh ce n'était que pour tester

Mais aucun site web nouveau ne fonctionne sans CSS. Essaye avec CodeS-SourceS, c'est illisible.
McPeter
Messages postés
136
Date d'inscription
mercredi 22 janvier 2003
Statut
Membre
Dernière intervention
18 avril 2013
-
jdmcreator eu désolé ... mais y'a clairement un problème alors .... le gars en question est un boulet dans ce cas .... il a rien compris à "contenue/contenant" ...
on ne fait pas de la mise en page avec des tableaux (de un c'est une hérésie, de deux c'est inmaintenable) donc le gars à rien compris à la sémantique HTML/CSS
jdmcreator
Messages postés
656
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
3 -
Merci pour votre commentaire =)

Mais j'ai déjà lu un article sur le CSS (que j'ai perdu) où l'auteur relate son expérience de créer un site sans CSS (<table>...) et CSS pour le même rendu final... Et cela lui a pris 1h30 pour le CSS et 8h sans le CSS....

Certaines personnes ne peuvent se permettre autant de temps pour un long site ;)

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.