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 language="javascript" type="text/javascript">
function afficher(jour, mois, annee) {
if(mois == 12) mois = 0;
if(mois == -1) mois = 11;
var tabMois = ["Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Decembre"];
var cal = document.getElementById('cal');
cal.innerHTML = '<tr><td colspan=\"7\"><span onclick=\"afficher(1,'+(mois - 1)+','+annee+');\"><-- </span>'+tabMois[mois]+'<span onclick=\"afficher(1,'+(mois + 1)+','+annee+');\"> --></span></td></tr>';
cal.innerHTML += '<tr><td colspan=\"7\"><span onclick=\"afficher(1,'+mois+','+(annee - 1)+');\"><-- </span>'+annee+'<span onclick=\"afficher(1,'+mois+','+(annee+1)+');\"> --></span></td></tr>';
cal.innerHTML += '<tr><td>Di</td><td>Lu</td><td>Ma</td><td>Me</td><td>Je</td><td>Ve</td><td>Sa</td></tr>';
date = new Date(annee, mois, 1);
var day = date.getDay(); <!-- 0. dimance, 1.lundi, etc-->
var tmp = 1;
var max = 10;
var i;
while(tmp <= max) {
cal.innerHTML += '<tr>';
for(i=0; i<7; i++) {
cal.innerHTML += '<td>';
if(tmp <= max) {
cal.innerHTML += tmp;
tmp++;
}
cal.innerHTML += '</td>';
}
cal.innerHTML += '</tr>';
}
alert(cal.innerHTML);
}
</script>
</head>
<body>
<table id="cal" style="text-align:center">
</table>
<script language="javascript" type="text/javascript">
date = new Date();
afficher(date.getDate(), date.getMonth(), date.getFullYear());
</script>
</body>
</html> |
Partager