Passer d'une feuille de style à une autre via un formulaire

**kazute** · 15/10/2019, 17h23

Bonjour,

J'essaie de créer un formulaire select pour changer de feuille de style en fonctionne de celle choisie dans le sélecteur.
Pour valider le choix, il faut cliquer sur un bouton valider qui fera alors changer la feuille de style de la page.

Voici le code que j'ai réaliser dans le doc html :

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
<!Doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Index</title>
    <link rel="stylesheet" href="style1.css">
    </head>
 
    <script type="text/javascript" src="script.js">
    </script>
 
  <body>
    <h1>Test CSS/JS</h1>
    <label for="Choix">Choix</label>
 
    <select name="choix" id="formulaire">
      <option value="style 1">style 1</option>
      <option value="style 2">style 2</option>
      <option value="style 3">style 3</option>
    </select>
 
    <button type="button" onClick="valider()">Valider</button>
  </body>
 
</html>

Le code Javascript :

Code :

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

1
2
3
4
5
6
7
8
9
var style = document.stylesheet;
 
function change_style(){
 	var x = document.getElementsById('formulaire');
 
}
function valider(){
	document.forms.choix.submit()
}

Arrivé là, je suis bloquer et je ne sais pas comment attribuer à un choix dans le sélecteur le changement de feuille de style.

Merci pour votre temps !

**danielhagnoul** · 15/10/2019, 20h21

En utilisant un ID et un changement d'attribut :

Code HTML :

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

<link id="pagestyle" href="default.css" rel="stylesheet" type="text/css">

Code :

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

1
2
3
4
5
function swapStyleSheet(sheet) {
    document.getElementById("pagestyle").setAttribute("href", sheet);  
}
 
swapStyleSheet("dark.css")

Passer d'une feuille de style à une autre via un formulaire

JavaScript

Discussions similaires

Partager

Partager