Bonjour à tous,
voila j'ai trouvé un calendrier en javascript de forme tableau et donc j'ai apporté des modifications voici mes problèmes :
1er
- je n'arrive pas à définir une taille spécifique à des cellules du tableau(cellules des jours).
2ème
- je voudrais faire qu'une couleur spécifique apparaisse pour indiquer le jour actuel lors de la visualtion du calendrier.
3ème
- je voudrais créer des flèches (raccourci) pour changer de mois.
Voici le code de ma page :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Calendrier</title>
<script type="text/javascript" language="javascript">
<!--
maDate=new Date();
indiceJour=maDate.getDay();
monJour=maDate.getDate();
monMois=maDate.getMonth();
monAnnee=maDate.getFullYear();
// Tableau des mois
mois=new Array("Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Novembre", "Décembre");
// Tableau des jours de la semaine
jours=new Array("Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche");
// Elements pour algorithme
premierJour=new Date(monAnnee, monMois, 1);
dernierJour=new Date(monAnnee,monMois+1, 0);
if (monMois==11) {
premierJourMoisSuivant=new Date(monAnnee+1, 0, 1);
}
else {
premierJourMoisSuivant=new Date(monAnnee, monMois+1, 1);
}
alert("1er jour = "+premierJour);
alert("1er jour mois suivant = "+premierJourMoisSuivant);
nombreJours=0;
//-->
</script>
</head>
<body>
<body bgcolor="#000000">
<body text="#FFFFFF">
<center><font size="6"><b>Calendrier</b></font>
<br>
<br>
<table border="1" bordercolor="#FFFFFF" width="350">
<tr>
<td colspan="7"><b><script type="text/javascript"language="javascript">
<!--
document.write( mois[monMois] + " " + monAnnee);
//-->
</script></b></td>
</tr>
<tr>
<script type="text/javascript"language="javascript">
<!--
for (indice=0; indice<jours.length; indice++) {
document.write("<td>" + jours[indice] + "</td>");
}
//-->
</script>
</tr>
<tr>
<script type="text/javascript"language="javascript">
<!--
for (i=0; i<premierJour.getDay(); i++) {
document.write("<td>/</td>");
nombreJours=nombreJours+1;
}
for (j=1; j<dernierJour.getDate()+1; j++) {
document.write("<td>"+j+"</td>");
nombreJours=nombreJours+1;
// Nouvelle rangée ?
if (nombreJours==7) {
document.write("</tr><tr>");
nombreJours=0;
}
}
if (nombreJours!=0) {
for (k=nombreJours+1; k<7+1; k++) {
document.write("<td>/</td>");
}
}
//-->
</script>
</tr>
</table>
<br>
<br>
Copyright <font color="#0000FF"><b>FoXy</b></font> © 2008, Tous droits réservés.
</center>
</body>
</html>
Voila donc ci vous pouvez m'aider dans ma tâche ca serais simpa.
Merci de votre compréhension et votre participation
Configuration: Windows 2003
Internet Explorer 7.0
Balises html
