Changement de thème qui ne marche pas
Bonjour j'ai un petit problème j'ai un formulaire qui permet de changer de thème mais quand j'actualise la page le changement disparait :?
voici mon code:
Code:
1
2
3
4
5
6
| <select id="msl" name="msl" >
<option value="o1" > op 1 </option>
<option value="o2" > op 2 </option>
<option value="o3" > op 3 </option>
</select>
<input type="button" value="Valider" id="tt" name="tt" onclick="trs()" /> |
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
| function trs()
{
var val = document.getElementById("msl").value ;
setCookie("myCookie", val );
if( val == "o1" ){
while( getCookie("myCookie") == "o1" ){
document.body.style.background = "cyan" ;
document.getElementById("img1").src = ".......";
document.getElementById("img2").src = "......";
document.getElementById("img3").src = "......";
document.getElementById("img4").src = ".....";
document.getElementById("img5").src = "......";
document.getElementById("img6").src = ".....";
}
}
else if( val == "o2" ){
while( getCookie("myCookie") == "o2" ){
document.body.style.background = "orange" ;
document.getElementById("img1").src = ".......";
document.getElementById("img2").src = "......";
document.getElementById("img3").src = "......";
document.getElementById("img4").src = ".....";
document.getElementById("img5").src = "......";
document.getElementById("img6").src = ".....";
}
}
else
document.body.style.background = "green" ;
}
function setCookie(name, value , expire ){
document.cookie = name + "=" + escape(value) + "; expires =" + dtexp.toGMTString() ;
}
var dtexp = new Date()
dtexp.setTime( dtexp.getTime() + 3600 * 1000 ).getTime ;
function getCookie(name){
var cookies = document.cookie.split(/;/);
for(var i = 0 ; i < cookies.length ; i++){
var mycook = cookies[i].split(/=/);
if( mycook[0] == name )
return unescape(mycook[1]) ;
}
} |
Que faire pour que le changement reste svp ? :(
