Calendrier

Un calendrier

Dans la partie HEAD :

<SCRIPT LANGUAGE="JavaScript">

// Ici on déclare les dates des jours fériés fixes
var ferie=new Array("01/01","16/04","01/05","08/05","24/05","14/07","15/08","01/11","11/11","25/12");
var mois=new Array("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre");

function disp(txt) { document.write(txt) }
function estFerie(j,m) {
	var nb=ferie.length;
	var test=false;
	for(var i=0;i<nb;i++) {
		if ((ferie[i].substring(0,2)==j)&&(ferie[i].substring(3,5)==m)) return true;
	}
	return false;
}
function calendar(m, a) {
	var d_jour=new Date();
	var d=new Date(a,m-1,1);
	var dfin=new Date(a,m-1,1);
	var nb_jour=31;
	var aff_j="";
	for(var k=32;k>27;k--) {
		dfin.setMonth(m-1);
		dfin.setDate(k);
		if (dfin.getMonth()!=m-1) {nb_jour=k-1;}
	}

var j1=d.getDay(); if (j1==0) j1=7;
	var jour=0;
	disp("<FONT FACE='Arial' size='-1'><CENTER><B>"+mois[d.getMonth()]+" "+a+"</B></CENTER></FONT>");
	disp("<TABLE border=0 bgcolor='#FFFFFF' cellspacing=0 cellpadding='2'>");
	disp("<TR align='center' bgcolor='#FFFFFF'><TD width='10'>L</TD><TD width='10'>M</TD><TD width='10'>M</TD><TD width='10'>J</TD><TD width='10'>V</TD><TD width='10'>S</TD><TD width='10'>D</TD></TR>");
	for(var i=0;i<6;i++) {
		disp("<TR>");
		for (j=0;j<7;j++) {
			jour=7*i+j-j1+2; 
			aff_j=jour;
			if ((jour==d_jour.getDate())&&(m==d_jour.getMonth()+1)) {aff_j="<FONT size='-1' color='#CC0000' face='Arial'>"+jour+"</FONT>";}
			if ((7*i+j>=j1-1)&&(jour<=nb_jour)) {
				if ((j==6)||(estFerie(jour,m))) disp("<TD width='10' bgcolor='#66FF66' align='center'><FONT face='Arial' size='-1' color='#CC0000'>"+aff_j+"</FONT></TD>");
				else disp("<TD width='10' bgcolor='#FFFFFF' align='center'><FONT face='Arial' size='-1' color='#0000CC'>"+aff_j+"</FONT></TD>");
			}
			else disp("<TD width='10' bgcolor='#FFFFFF'><FONT size=-1>  </TD>");
			
		}
		disp("</TR>");
	}
	disp("</TABLE>");
}
function annee(an) {
	disp("<TABLE cellspacing=15>");
	for (var i=0;i<3;i++) {
		disp("<TR>");
		for (var j=0;j<4;j++) {
			disp("<TD align='center'>");
			calendar(i*4+j+1,an);
			disp("</TD>");
		}		
	}
	disp("</TABLE>");
}
</SCRIPT>

Dans la partie BODY :

Toutes les couleurs sont paramétrables. Il faut changer une par une les couleurs, regarder ce que ça change et s'armer de patience !
Si vraiment vous n'y arrivez pas, écrivez-moi !