Changement de thème qui ne marche pas

**amine2208** · 22/03/2013, 23h34

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 html :

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

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 :

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
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 ?

**dragonno** · 23/03/2013, 06h43

Hum^^

Salut

Je vois que tu as juste fais un copier/collé d'internet.

Mais cela ne suffit pas pour que cela fonctionne, il faut que tu place cette partie dans une page HTML :

Code html :

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

1
2
3
4
5
<select id="msl"  name="msl"  >
<option value="o1" > op 1 </option>
<option value="o2" > op 2 </option>
<option value="o3" > op 3  </option>
</select>

Cette partie-là, dans une page javascript :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
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]) ;
   }
}

Et ça dans la partie head de ta page HTML (en metant le nom de ton fichier javascript, comme indiqué) :

Code html :

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

<script language="javascript" src="nom_du_fichier_javascript.js"> </script>

Mais je te conseillerais plutôt d'apprendre le HTML d'abord, au moins les bases pour faire une page (voir ma signature) et ensuite javascript, il y a des cours (tutos) sur développez.com et tu y verras comment changer le style de ta page.

Il y a autre chose aussi, c'est que pour changer le style de ta page de façon dynamique, avec le javascript, il faut changer faire deux fichiers CSS et les sélectionner avec une fonction javascript.
Regarde sur le net à :
"comment changer le style CSS avec javascript"

Pour qu'un theme ne change pas à l'actualisation de la page (hormis un CSS par défaut) il faut un cookie, donc regarde aussi comment utiliser les cookies javascript.

**amine2208** · 23/03/2013, 14h01

salut

tout d'abord merci pour ta réponse en faite j'ai repris le code de Bisunurs sur cette page :

http://www.developpez.net/forums/d38...tyle-switcher/

et je l'ai modifié en ajoutant la fonction trs , et comme tu peux le voir il y a déja les cookies mais ça ne marche pas

et d'autre part je vois pas comment je pourrais modifié le src d'une image dans un CSS

ta une idée de comment faire ?

p.s: t'inquiete pour le html je connais l'essentiel les div,form,body....