2 VERSIONS DE CALENDRIER DATEUR calendrier, dateur, date, Source N°41708

Information sur la source

Catégorie :Date & Heure Classé sous : calendrier, dateur, date Niveau : Initié Date de création : 02/03/2007 Date de mise à jour : 02/06/2007 17:52:22 Vu / téléchargé: 12 152 / 2 134

Auteur : jperre

Ecrire un message privé

Note :

9,50 / 10

1
2
3
4
5
6
7
8
9
10

Commentaire sur cette source (10)

Ajouter un commentaire et/ou une note

Description

Voici deux versions de calendrier dateur.
1 version qui affiche le calendrier dans une fenêtre popup.
1 version qui affiche le calendrier dans un tableau appartenant à la fenêtre d'utilisation.
Dans les deux cas, le calendrier est lié à une textbox dans laquelle il renvoie la date formatée.
Par défaut, le calendrier affiche le mois de la date inscrite dans la textbox(si elle existe),sinon, il affiche la date du mois courant.
Ces calendriers sont configurables en ce qui concerne :
- le format d'affichage de la date,
- le 1er jour de la semaine.
D'autre part, ils déterminent automatiquement les dates des jours fériés français.

Conclusion

Pour le bug sur IE6, signalé par The Sorrow, je fournirais une version corrective au mois de juin.

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Popup.zip8 642 octets
Tableau.zip8 714 octets
TableauDeplacable.zip9 398 octets

Télécharger le zip

Historique

14 avril 2007 17:04:38 :: Suppression de 2 bugs : * Non prise en compte de l'année de la date éventuellement inscrite dans la textbox liée au calendrier, lors de l'ouverture de celui ci, * Non centrage des dates des mois encadrants dans les cellules du tableau d'affichage, Ajout d'une version avec un tableau déplaçable à l'aide de la souris (en pointant sur le titre de la fenêtre - Dateur).
17 avril 2007 17:03:32 :: Suppression de 2 lignes de code mort dans le code javascript du tableau déplaçable Ajout d'un encadrement aux calendriers sous forme de tableau.
19 avril 2007 12:58:34 :: Détection d'un bug : Lors du déplacement du mois de décembre vers le mois de janvier, l'année affichée (exemple 2007) ne s'incrémente pas de 1 (2008), mais contatène (20071). La fonction NextYear a été modifiée pour forcer javascript à interpréter la valeur passée en paramètre comme un nombre et non comme une chaîne de caractères
24 mai 2007 09:25:51 :: Détection d'un bug sur les calendriers Tableau et TableauDeplacable: Lorsque le calendrier a déjà été affiché, à l'ouverture il n'affiche pas, lorsque la zone de texte est vide, le mois et l'année de la date du jour. Il affiche le mois et l'année qui étaient sélectionnés avant sa dernière fermeture. La fonction NewCal a été modifiée pour corriger ce bug.
02 juin 2007 17:52:24 :: Je remercie The Sorrow de m'avoir signalé des bugs sous IE6. J'ai repris mes programmes sur une plateforme avec IE6 et, en effet, j'ai constaté 3 bugs : 1 - lorsque le dernier jour du mois correspond à la dernière colonne de la semaine, le mois ne s'affiche pas. Le bug vient du fait qu'IE6 est beaucoup plus strict que Firefox et IE7, il interdit de créer une ligne vide dans un tableau. 2 - les flèches de déplacement ne s'affichent pas. Problème CSS, seule la police Arial, dans la liste des polices que je proposait, affiche les caractères unicode flèche droite et flèche gauche. Firefox et IE7 vont chercher la bonne police, tandis qu'IE6 prend la première police proposée qui existe sur le PC. 3 - la couleur des boutons n'apparaît pas toujours en blanc. Problème CSS, sous IE6, il faut préciser que le lien (visited) conserve la même couleurque (link). Voici donc ci jointe la version corrective. J'en ai profité: - pour éclaircir le code (blocs width, suppression d'informations inutiles). - pour ajuster la taille des fenêtres popup en fonction du navigateur (Firefox n'efface pas la barre d'état).

Sources du même auteur

Toutes les sources de jperre

Sources de la même categorie

Toutes les sources de la catégorie Date & Heure

Sources en rapport avec celle ci

Commentaires

Commentaire de titirock le 15/04/2007 11:23:53

Salut!
Ton code est très bien,c'est vraiment ce que je cherchais! Bravo! Par contre la version Tableau déplacable ne fonctionne pas sur mon Firefox 2.0.0.3.
Commentaire de jperre le 18/04/2007 08:12:48

Je suis étonné que le Tableau déplaçable ne fonctionne pas sur Firefox 2.0.0.3 car je l'ai testé sur Firefox 2.0.0.3 et IE7, celà fonctionne parfaitement sur ces deux navigateurs. Toutefois, je rappelle qu'il faut utiliser les fichiers fournis pour chaque version (ils sont contenus dans l'archive zip correspondante) et surtout ne pas mélanger les fichiers des versions entre eux.
Commentaire de The Sorrow le 25/04/2007 09:52:19

Salut!
Premièrement bravo pour ce code trés bien réalisé et l'application du drag and drop dessus rend le tout encore plus sympa. Cependant j'ai un petit soucis. J'utilise IE6 et j'ai trouvé un bug lorsque on change d'année il y a certains mois (comme septembre 2007 par ex) qui n'affiche pas les jours...!!! Par contre sous mozilla 2.0.0.3 pas de soucis.... Je comprends pas du tout pourquoi et çà fait un petit moment que je cherche la solution. Merci d'avance pour vos suggestions
Commentaire de The Sorrow le 25/04/2007 09:54:02

Salut!
Premièrement bravo pour ce code trés bien réalisé et l'application du drag and drop dessus rend le tout encore plus sympa. Cependant j'ai un petit soucis. J'utilise IE6 et j'ai trouvé un bug lorsque on change d'année il y a certains mois (comme septembre 2007 par ex) qui n'affiche pas les jours...!!! Par contre sous mozilla 2.0.0.3 pas de soucis.... Je comprends pas du tout pourquoi et çà fait un petit moment que je cherche la solution. Merci d'avance pour vos suggestions
Commentaire de The Sorrow le 30/05/2007 17:27:19

Salut j'ai réussi à modifier le code de façon à ce que çà fonctionne sous ie (cependant en le corrigeant sous ie c'etait sur firefox que çà planté alors voila j'ai retravailler la fonction DrawCallBody. C'est peut etre pas terrible mais comme je suis débutant en JS .... Bonne continuation et merci encore pour ce code ++

function DrawCalBody() {
    /*Cette fonction dessine le corp du calendrier*/
var CalRows=document.getElementById("calendar").rows;

if (CalRows.length>3) {//S'il existe des données dans le corps du tableau, elles sont effacées

   for (i=CalRows.length;i>3;i--) {
       document.getElementById("calendar").deleteRow(i-1);
       }
   }
var iNumRow=3
var trCal=document.getElementById("calendar").insertRow(iNumRow);
var dtFirstDay=new Date(Cal.Year,Cal.Month,1);
var iFirstDayOfMonth=dtFirstDay.getDay();
var iMonth=Cal.getMonthDays();
var iPrevMonth=Cal.getMonthDays("Prev");
var iNumCell=0;//Compteur de cellules
for (i=0;i<=6;i++) {//Recherche de l'emplacement du premier jour du mois et des jours du mois précédent à reporter
    if (ColWeekDays[i]==iFirstDayOfMonth) {
   var DaysPrev=i;
   break;
   }
    }
for (i=1;i<=DaysPrev;i++) {//Copie des derniers jours du mois précédent
    var tdCal=document.createElement("td");
    DrawCell(tdCal,(iPrevMonth-DaysPrev+i),"Prev");
trCal.appendChild(tdCal);
iNumCell++;
    }
for (i=1;i<=iMonth;i++) {//Copie des jours du mois
    var tdCal=document.createElement("td");
    DrawCell(tdCal,i,null);
trCal.appendChild(tdCal);
iNumCell++
if (iNumCell==7) {//Fin de ligne et retour à la ligne suivante
iNumRow++;
trCal=document.getElementById("calendar").insertRow(iNumRow);
Nom = navigator.appName;
if(Nom != 'Netscape')
trCal.appendChild(trCal);
iNumCell=0;
}
}

var iNumCell2 = iNumCell;

//alert("Cell2 = "+iNumCell2);
if ((iNumCell2<7) && (iNumCell2!=0)) {//Copie des premiers jours du mois suivant
   for (i=1;i<=(7-iNumCell2);i++) {
       var tdCal=document.createElement("td");
       DrawCell(tdCal,i,"Next");
   trCal.appendChild(tdCal);
   }
}
}
Commentaire de fatatra le 07/11/2007 22:10:45

vraiment un super code, bien pratique.
Commentaire de LAURABOUCHE le 28/11/2007 16:32:00

Bonjour,
Merci pour ce code mais n'y a t il pas un moyen de faire en sorte que le calendrier s'ouvre automatiquement à coté de l'icone ?

Sinon merci.
Commentaire de ploulmet le 30/12/2007 18:36:39

Bonjour,

Merci pour ce partage de connaissances, mais je n'arrive pas utiliser ce code lorsque je mets la page en ligne, cela fonctionne très bien en local.
Il y a sûrement une raison évidente, mais après plusieurs heures, je ne vois pas, c'est le brouillard...
Merci de votre aide.
Commentaire de jperre le 31/12/2007 18:17:55

Généralement lorsque le code ne fonctionne pas lorsque la page est mise en ligne, il faut regarder du coté des adresses de fichiers sources (*.js, *.css) dans la page html appelante (balises <style> et <script>). Le plus souvent, les chemins d'accès ne sont pas valides.
Commentaire de declic01 le 11/03/2008 17:22:49

Bravo et merci, enfin un code de calendrier qui fonctionne simplement !

Ajouter un commentaire

Discussions en rapport avec ce code source

Une question pour mon calendrier par syltouille

Fermeture de popup et envoi d'informations par Rankin

Click sur une date du calendrier par fionalabelle

recherche calendrier par makinator7266

AFFICHER UN TEXTE SELON LA DATE par TOONIE

PhP Formulaire date du jour par givit

chrono par comrad85

aide à une débutante par drumgirl

fonctions gettime() et getdate() par attentio

onload et onbeforeunload onunload par tous69