Comment changer de feuille *.css selon les fêtes

Résolu
ygeronimi -  
 ygeronimi -
Bonjour,

Trèsnovice en javascript, j' ai écris ceci : 

<HTML>
<HEAD>
<script SCRIPT LANGUAGE="JavaScript">

	var jour = new Date()
	var mois = new Date()
	var an 	= new Date()
	jour=jour.getDate();
	mois=mois.getMonth()+1;
	an =an.getYear();
	if (an<1000)
	an = an+1900;
	
	switch(mois){
		case 1:			
			var Style = "style_1.css"
			break;
		case 2:
			var Style = "style_2.css"
			break;
		case 3:
			var Style = "style_3.css"
			break;
		case 4:
			var Style = "style_4.css"
			break;
		case 5:
			var Style = "style_5.css"
			break;
		case 6:
			var Style = "style_6.css"
			break;
		case 7:
			var Style = "style_7.css"
			break;
		case 8:
			var Style = "style_8.css"
			break;
		case 9:
			var Style = "style_9.css"
			break;
		case 10:
			var Style = "style_10.css"
			break;
		case 11:
			var Style = "style_11.css"
			break;
		case 12:
			var Style = "style_12.css"
			if (jour > 8)
				{
				var fete ="noel"
				}
			else 
			if (jour > 9)
				{
				var fete="paques"
				}
			else 
			if (jour > 10)
				{
				var fete ="trinite"
				}			
			break;
	}
	document.write ("<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"",Style,"\" />")
	document.write("<small><font color='#ffffff' face='Arial'><b>date : ",jour,"/",mois,"/",an," - ",fete,"</b></font></small>")
</script>
</HEAD>
<BODY>
	<div id="mondiv">
	</div>
</BODY>
</HTML>


Si quelqu' un peut me corriger, je lui en serai reconnaissant.
A voir également:

1 réponse

Réponse 1 / 1
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

Une solution possible : 
var date = new Date();
var jour = date.getDate();
var mois = date.getMonth()+1;
var an = date.getFullYear();

var style = "style_" + mois + ".css";
var fete = "";

if (mois == 12) {
 if (jour > 8) {
  fete = "noel";
 } 
 if (jour > 9) {
  fete= "paques";
 } 
 if (jour > 10) {
  fete = "trinite";
 }  
}

document.write("<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"" + style + "\" />");
document.write("<small><font color='#ffffff' face='Arial'><b>date : " + jour + "/" + mois + "/" + an + " - " + fete + "</b></font></small>");


Remarques :
- un seul objet Date suffit
- plus simple d'utiliser getFullYear() à la place de getYear()
- le mot clé 'var' est utilisé pour déclarer une variable seulement la première fois
- le switch est répétitif, on peu le remplacer directement par var style = "style_" + mois + ".css";
- il faut enchainer les blocs 'if' à la place des 'else if' si on veut que chaque condition soit vérifiées

Bonne journée
0
ygeronimi
 
Merci à toi pour ta réponse Pitet.
Je teste cela en rentrant chez moi ce soir.
J' essai de rendre un site un peu plus attractif et je dois me mettre au javascript.
c' est dur mais je ne désespère pas.

Le site que j' essai d' améliorer : http://www.panoramiclemag.webege.com/
0
ygeronimi
 
@ Pitet,

Encore merci, cela fonctionne bien.
Juste une petite question, pourquoi si j' écris : 
if (mois = 10)....

la variable prend 10 pour valeur au lieu vérifier l' égalité ?...
Je vois dans tes lignes: 
if (mois == 12)....

???...
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Il ne faut pas confondre l'opérateur d'affectation = et l'opérateur de comparaison d'égalité ==

Plus d'info :
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_d_affectation
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_de_comparaison
0
ygeronimi > Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention  
 
Merci pour cette précision Pitet.
Je garde ton lien en favori pour apprendre.
0

Discussions similaires

Feuille de score belote
nulleeninfo -
brucine -

7 réponses
feuille excel de gestion belote
SiFaSiLa -
frank -

2 réponses