Détecter si css est activé

Commenter

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

S'inscrire maintenant

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.

Du même auteur (jdmcreator)