Passer d'une feuille de style à une autre via un formulaire
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:
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:
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 !
