css site mutli design

Version imprimable

10/11/2004, 16h57
vodasan

css site mutli design

Bonjour,

voila, j'aimerais creer un site avec plusieurs themes. J'ai donc de suite penser a creer un fichier .css externe par themes.
Seulement comment permettre au visiteur de choisir un them et qu'il prenne effet de suite ?

j'avais pensé a faire une liste deroulante contenant les nom des themes, je recupere le theme choisi mais apres comment faire ?
J'avoue je seche un peu j'ai vu la balise <link> mais comment l'utiliser dans mon cas....

merci beaucoup de m'aider ou de m'aiguiller

tu mets un id à ta balise link et tu en change le href ???

ou alors :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Toggle css</title>
<link id="css1" rel="stylesheet" href="mystyle1.css" type="text/css" media="screen" />
<link id="css2" rel="stylesheet" href="mystyle2.css" type="text/css" media="screen" />
<script language="JavaScript">
function togglecss(){
document.getElementById('css1').disabled =!document.getElementById('css1').disabled;
document.getElementById('css2').disabled =!document.getElementById('css2').disabled;
 }
</script>
</head>
<body onload="document.getElementById('css2').disabled=true">
ce texte est de la couleur attribuée pas le fichier css<br/>
<input type="button" value="toggle css" onclick="togglecss()" />
</body>
</html>

10/11/2004, 17h11
vodasan

merci space et bonjour a toi :)

ouai je pense que mettre un seul link est mieu car si jai 5 style voir pklus ca va etre lourd la seconde methode :)

donc ta premiere method ea l'air super et plus pratique donc
en fait je fais un getelementbyid() et le href je lui met le lien vers la valeur de la liste deroulante choisie

j'ai bien compris l'idée ?
10/11/2004, 17h14
SpaceFrog

ouaip j'ai pas testé mais ça devrait pas poser de problème ???

je viens de tester et ça fonctionne !!!

voila j'ai fais ca :)

mais mon souci c'est quil prend pas en compte le fichier externe pourtant il met bien la valeur dans la balise link.
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 43 44 45 46 <html> <head> <script langage="javascript"> function test() { //valeur de la liste deroulante (texte) choix=document.getElementById('3').options[document.getElementById('3').selectedIndex].text; alert(choix); //je fais pointer la balise link vers la style choisi dans la liste ch_attrib=document.getElementById("2").setAttribute("href",choix); //je verifie que ca pointe vers le bon fichier attrib=document.getElementById("2").getAttribute("href"); alert(attrib); } </script> <LINK id="2" rel="stylesheet" type="text/css" href="init"> </form> </head> <body>  <form name="f" method='post'> <select id='3'> <option>style1.css</option> <option>style2.css</option> </select> <input type='button' value='go' onclick="test();"> </form> </body> </html>
franchement j'ai du oublier juste un truc car dans la balise link j'ai bien la bonne valeur.

A ben c'etait tout bete en fait je pensais que dans le fichier externe *.css je devais mettre les balise <style></style> en les enlevant ca marche nickel puis c'est vrai la balise link avec l'attribut type sepcifie que c'est une css :) voila merci résolu