Discussion :

[marie-anne]

bonjour tout le monde
J'ai créer 4 css différents(1 pour chaque saison)
En to
J'aimerais ensuite créer un sorte de commande qui fait que si on est en automne il affiche le theme automne.css, si on est hiver il affiche le theme hiver.css de sorte qu'il sait que c'est l'hiver ou l'automne à l'aide de date

Je pense que cela doit ce faire en Javascript mais comment ?
Merci beaucoup beaucoup pour l'aide

[Bovino]

Non, dans l'idéal, ce serait mieux et plus propre de le faire coté serveur (PHP par exemple).
Sinon, il est possible de vérifier la date avec l'objet Date() et ses méthode getMonth() (attention, le compte des mois commence à 0) et getDate()

Code :

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

1
2
var today = new Date();
alert(today.getDate() + '/' + (today.getMonth() + 1));

à partir de là, tu peux retrouver la saison et donc la feuille de style à utiliser.
Ensuite tu peux ajouter une nouvelle feuille de style avec

Code :

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

1
2
3
4
var seasonCSS = document.createElement('link');
seasonCSS.type = 'text/css';
seasonCSS.href = 'season.css';
document.getElementByTagName('head')[0].appendChild(seasonCSS);

[marie-anne]

bonjour,
merci pour l'aide mais ca n'a pas marché alors j'ai créé une fonction qui retourne le mois et donne la feuilled e style à uriliser mais qu'en même ça ne marche pas,je crois que j'ai fait un erreur de syntaxe
je l'ai mis dans le head de la page

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
function saison()
{
<%--declaration --%>
 
var mois=new int;
<%--retourner le mois courant--%>
var madate=new date; 
mois=madate.getmonth;
<%--test sur le mois courant--%>
if(mois==9 || mois==10 || mois==11 )             
{
 document.write('<link rel="stylesheet" type="text/css" href="CSS\automne.css">');}
 
if (mois==0 || mois==1 || mois==2)
    {document.write('<link rel="stylesheet" type="text/css" href="CSS\hiver.css">');}
if (mois==3 || mois==4 || mois==5)
{document.write('<link rel="stylesheet" type="text/css" href="CSS\printemps.css">');}
 
if (mois==6 || mois==7 || mois==8)
{document.write('<link rel="stylesheet" type="text/css" href="CSS\été.css">');}
 
}

vous pouvez me mentrer l'emplacement de l'erreur ????merci beaucoup pour l'aide

[andry.aime]

Bonjour,
Pourquoi tu utilises document.write? c'est déconseillé. Le plus propre c'est d'utilisé la methode proposée par Bovino.

var madate=new date;
mois=madate.getmonth;

Code :

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

1
2
var madate=new Date(); 
mois=madate.getMonth();

CSS\automne.css

Code :

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

CSS/automne.css

A+.

[marie-anne]

Merci beaucoup de votre aide.
J'aime bien utiliser la méthode que BOVINO m'a proposé mais je ne sais pas comment l'utiliser pour faire le test

[andry.aime]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var madate=new Date(); 
var mois=madate.getMonth();
var seasonCSS = document.createElement('link');
seasonCSS.type = 'text/css';
if(mois <3){
 seasonCSS.href="CSS/hiver.css";
}else if(mois < 5){
 seasonCSS.href="CSS/printemps.css";
} else if(mois < 8){
 seasonCSS.href="CSS/ete.css"; //n'utilise  pas un nom de fichier avec un accent
} else{
 seasonCSS.href="CSS/automne.css";
}
document.getElementByTagName('head')[0].appendChild(seasonCSS);

[Bovino]

dans l'idéal, ce serait mieux et plus propre de le faire coté serveur (PHP par exemple).

[marie-anne]

merci bovino mais jusqu'à maintenant je ne sais pas c'est quoi coté serveur " y a encore pleiiiiine choses que je dois apprendre "

[Bovino]

je ne sais pas c'est quoi coté serveur

C'est ce que tu fais en asp.net
En gros, c'est le langage que tu utilises sur le serveur pour créer dynamiquement le contenu généré pour le navigateur (appelé client).

" y a encore pleiiiiine choses que je dois apprendre "

Bah, sincèrement, comme tout le monde
Celui qui est persuadé de ne plus rien avoir à apprendre est selon moi un gros con prétentieux...

Sauf moi bien sûr qui connait tout sur JavaScript !

[marie-anne]

merci bovino ça se voit que j'aurai toujours besoin de votre forum
il est vraiment super merci @ vous pour les immenses efforts que vous faites