Salut à tous,

Le débutant que je suis viens faire appel à vos lumières.

J'ai créé sur l'intranet de mon travail un second thème en css.
J'ai récupéré un bouton switch dont le design me convient bien.

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<link rel="stylesheet" type="text/css" href="styledev.css" id="clair" />
<link rel="alternate stylesheet" type="text/css" href="darkstyledev.css" id="sombre" />
 
 
<label class="switch">
  <input type="checkbox" name="theme" id="theme"> 
  <span class="slider round" onclick="changetheme('darkstyledev.css')"></span>
</label>

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<script>
function changetheme(style){
 
var bouton = (theme.checked);
 
if (bouton === true){
document.getElementById("sombre").setAttribute("href", style);
} else 
document.getElementById("clair").setAttribute("href", style);
}
</script>

Mon script actuel fonctionne partiellement, c'est-à-dire que lorsque je clique sur le switch, le changement de style s'opère bien.
Mais j'aimerais pouvoir revenir au précédent style en "déswitchant" !

Je pense que mon problème vient du fait que j'appelle dans le onclick le paramètre de la fonction qui définit l'un des deux styles.
Et là je suis bloqué, je ne trouve pas de solution. Pourriez-vous me mettre sur la voie ?

Merci par avance !