begin process at 2012 05 30 10:53:46
  Trouver un code source :
 
dans
 
Accueil > 

Tutoriels

 > 

Date & Heure

 > Calendrier en Javascript

Calendrier en Javascript


 Information sur le tutoriel

Note :
Aucune note

 Description

C'est un simple calendrier en JavaScript que vous pouvez mettre sur votre site en modifiant les codes couleurs pour que ça soit plus convenable et harmonieuse.

Tutorial

<html>
<head>
</head>
<body background="blue116.gif">
<p align="center"><b><font color="#FFFFFF" size="5">Calandrier</font></b></p>
<div>
<script>
function innerCalendarCode() {

    function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) {
        this[0] = m0;
        this[1] = m1;
        this[2] = m2;
        this[3] = m3;
        this[4] = m4;
        this[5] = m5;
        this[6] = m6;
        this[7] = m7;
        this[8] = m8;
        this[9] = m9;
        this[10] = m10;
        this[11] = m11;
    }


    function calendar() {
        var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
        var today = new Date();
        var thisDay;
        var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
        year = today.getYear();
        if (year <= 200) {
            year += 1900;
        }
        thisDay = today.getDate();
        if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) {
            monthDays[1] = 29;
        }
        nDays = monthDays[today.getMonth()];
        firstDay = today;
        firstDay.setDate(1);
        testMe = firstDay.getDate();
        if (testMe == 2) {
            firstDay.setDate(0);
        }
        startDay = firstDay.getDay();
        document.writeln("<CENTER>");
        document.write("<TABLE BORDER='1' BGCOLOR=White>");
        document.write("<TR><TH COLSPAN=7>");
        document.write(monthNames.substring(today.getMonth() * 3, (today.getMonth() + 1) * 3));
        document.write(". ");
        document.write(year);
        document.write("<TR><TH>Dim<TH>Lun<TH>Mar<TH>Mer<TH>Jeu<TH>Ven<TH>Sam");
        document.write("<TR>");
        column = 0;
        for (i = 0; i < startDay; i++) {
            document.write("<TD>");
            column++;
        }
        for (i = 1; i <= nDays; i++) {
            document.write("<TD>");
            if (i == thisDay) {
                document.write("<FONT COLOR=\"#FF0000\">");
            }
            document.write(i);
            if (i == thisDay) {
                document.write("</FONT>");
            }
            column++;
            if (column == 7) {
                document.write("<TR>");
                column = 0;
            }
        }
        document.write("</TABLE>");
        document.writeln("</CENTER>");
    }

    calendar();
}


  innerCalendarCode();</script></div>
<BR>
<p align=center><a href="javascript:;" OnClick="self.close();">fermer</a></p>
</body>
</html>

Commentaires

Commentaire de nickadele le 28/03/2011 15:14:19 administrateur CS

Pourquoi mettre cela dans les tuto ?
Il s'agit d'un simple code, il n'y a aucune explication !
Le principe d'un tuto, c'est d'expliquer un concept, une procédé.
Rien de tout ça dans ce que tu proposes.

Commentaire de 007Julien le 28/03/2011 19:21:35

En outre, la première fonction est totalement inutile puisque la durée du mois m (de 0 à 11) de l'année a est donnée par monthDays = new Date(a,m+1,0).getDate(); C'est en effet,
en javascript, le quantième du jour 0 du mois suivant !

Commentaire de kazma le 30/03/2011 10:37:42 administrateur CS


et on a l'impression que c'est un code recopié

Commentaire de ocine le 09/07/2011 14:19:23

I like this script

Commentaire de hachem2050 le 15/07/2011 10:43:45

po mal!!!!

Commentaire de carmelites87 le 29/07/2011 13:30:15

j'ai essaye, pas mal...mais seulement avec les explications c'est mieux

Commentaire de chou21a le 01/05/2012 13:52:18

c bien ,et c simple mai mois je prefaire utiliser le jQuery (pour un calendrier  :$('#id_resultat).datapiker();     )

Commentaire de zertyx le 03/05/2012 12:57:14

Exactement, mais j'ai mis ce code ici sous demande d'un utilisateur ;-)

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,187 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales