Détecter que les règles CSS sont désactivées

**rambc** · 07/01/2012, 11h49

Bonjour,
est-il possible de détecter que les règles CSS ont été désactivées par l'utilisateur ?

**NoSmoking** · 07/01/2012, 14h41

Bonjour,
dans la mesure où javascript est actif, il y a moyen de tester qu'un élément test à bien reçu le style souhaité.

exemple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[Test CSS actif]</title>
<style type="text/css">
.div_test{
  height:10px;
}
</style>
</head>
<body>
<div id="div_test" class="div_test"></div>
<script type="text/javascript">
var sMsg,
    oTest = document.getElementById('div_test');
if( oTest.offsetHeight){
  sMsg = 'Le style est appliqué.';
}
else{
  sMsg = 'Le style n\'est pas appliqué.';
}
alert( sMsg +'\nHauteur : ' +oTest.offsetHeight);
</script>
</body>
</html>

- On met une DIV vide dans la page, cette DIV aura une hauteur, sans CSS, de 0.
- Si le CSS est appliqué elle fera 10 de hauteur, il suffit donc de tester la hauteur.

**rambc** · 07/01/2012, 16h16

Merci pour ce code.

Détecter que les règles CSS sont désactivées

JavaScript

Vue hybride

Discussions similaires

Partager

Partager