Salut à tous j'ai un petit problème de gestion de liste déroulante
Alors j'ai une liste avec deux option :
clair et foncé.
Si on prend foncé ça change le design d'un div et des enfant dedant, et je voudrai que si par la suite on re selectionne clair bah ça rechange le design, sauf que j'arrive à change le design une première fois mais pas à le remettre à la base...
Voila mon script :
Code : JavaScript
Et voila ma petite liste :
Code : 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
27 //Fonction pour le style de la box function StyleBoxFB() { if(document.getElementById("color_page_fb").value = 'dark') { //On change le style de la box document.getElementById('page_f_fb').style.border = "solid gray 1px"; document.getElementById('page_f_fb').style.backgroundColor = "#000000"; document.getElementById('page_f_fb').style.color = "#FFFFFF"; document.getElementById('hreader_fb').style.backgroundColor = "#000000"; document.getElementById('color_title_fb').style.color = "#FFFFFF"; return false; } else { if(document.getElementById("color_page_fb").value = 'light'){ //On change le style de la box document.getElementById('page_f_fb').style.border = "solid gray 1px"; document.getElementById('page_f_fb').style.backgroundColor = "#FFFFFF"; document.getElementById('page_f_fb').style.color = "#333"; document.getElementById('hreader_fb').style.backgroundColor = "#EDEFF4"; document.getElementById('color_title_fb').style.color = "#333"; } } }
Code : HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <label class="taille_150px" for="theme_page_fb">Thème de votre module :</label> <select class="input_2semilong" id="color_page_fb" name="color_fb" onchange="StyleBoxFB()"> <option name="change_style" value="light">Clair</option> <option name="change_style" value="dark">Foncé</option> </select>
Merci de votre aide.
Partager