Créations de calendriers- V1.3
Credits
: asylum
Vous pouvez créer des calendriers tels que celui
ci :
Installation:
- D'abord, coller cette ligne de code entre les balises head de votre page
html, après avoir téléchargé le fichier js ici
:
<script language="javascript" src="calender.js"></script>
- Ensuite vous devez demander au script de générer le calendrierr(s).
Leur aspect est lié à la feuille de style (css) et il n'y a
pas trop de paramètres à régler . L'exemple en haut de
page est crée à partir de ces codes et de cette feuille de style
:
<script language="javascript">
document.write(buildCal(4,2003,"main","month","daysofweek","days",0,1,''));
</script>
Vous placer le code ou vous voulez voir apparaître le calendrier,et
mettez le code à l'intérieur de la fonction javascript document.write().
C'est un peu plus complexe mais plus flexible, comme vous le verrez plus loin.
Les paramètres sur fond gris sont expliqués ici :
| 4 |
Numéro du moi à afficher (ici avril). |
| 2003 |
L'année à montrer, ici 2003. |
| "main" |
La classe css qui détermine l'aspect du calendrier. |
| "month" |
Le nom de classe qui controle l'aspect du mois et l'année |
| "daysofweek" |
Le nom de classe qui contrôle l'aspect du jour |
| "days" |
La classe qui détermine le nombre du jour |
| 0 |
l'épaisseur des bordures du calendrier |
| 1 |
Le premier jour de la semaine. Les valeurs sont : 1=Sun, 2=Mon, 3=Tue,
4=Wed, 5=Thu, 6=Fri, 7=Sat. |
| '' |
Noms de fonction optionnelle. Si vous voulez ajouter des fonctions
de navigation....c'est ici qu'il faut ajouter la fonction, sinon laissez
blanc |
- Différentes classes qui déterminent l'aspect du calendrier.
Ici pour l'exemple en haut de page, par exemple
.main {
width:150px;
border:1px solid black;
} |
.month {
background-color:black;
font:bold 11px verdana;
color:white;
} |
.daysofweek {
background-color:gray;
font:bold 10px verdana;
color:white;
} |
.days {
font-size:9px;
font-family:verdana;
color:black;
cursor:default;
background-color:lightgrey;
} |
Fonctions Avancées
|
Commenter cet article
