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