Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

2 VERSIONS DE CALENDRIER DATEUR


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é: 16 321 / 2 654

Note :
9,33 / 10 - par 3 personnes
9,33 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (14)
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.zipTélécharger ce fichier [Réservé aux membres club]8 642 octets
  • Tableau.zipTélécharger ce fichier [Réservé aux membres club]8 714 octets
  • TableauDeplacable.zipTélécharger ce fichier [Réservé aux membres club]9 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).

Commentaires et avis

signaler à un administrateur
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.

signaler à un administrateur
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.

signaler à un administrateur
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

signaler à un administrateur
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

signaler à un administrateur
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);
   }
}
}

signaler à un administrateur
Commentaire de fatatra le 07/11/2007 22:10:45 9/10

vraiment un super code, bien pratique.

signaler à un administrateur
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.

signaler à un administrateur
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.

signaler à un administrateur
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.

signaler à un administrateur
Commentaire de declic01 le 11/03/2008 17:22:49 10/10

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

signaler à un administrateur
Commentaire de francis56 le 15/05/2009 10:41:07 9/10

Excellent code, merci pour ce partage encore une fois.

une question me tracasse tout de même, elle est identique à celle de LAURABOUCHE c'est à dire comment afficher le calendrier juste a coté de l'icône 'calendar'.

J'ai cherché dans le code et au niveaux des paramètres modifiable de trouve :

var cTop=200; //Coordonnée du haut du calendrier
var cLeft=300; //Coordonnée de la gauche du calendrier

qui devraient jouer sur la position du tableau mais rien n'y fait, puis-je avoir un peu d'aide ?
merci d'avance :)

signaler à un administrateur
Commentaire de jperre le 26/05/2009 13:00:01

La fonction NewCal(pCtrl,pFormat,pX,pY) permet de positionner le calendrier dans la page HTML. Les paramètres à entrer dans cette fonction sont :
pCtrl : attribut name de l'élément input de type text lié au calendrier,
pFormat : format d'affichage de la date,
pX : coordonnée left du calendrier,
pY : coordonnée top du calendrier.

Ces information sont indiquées en commentaire dans le code javascript du fichier calendar.js.

Pour positionner correctement le calendrier par rapport à l'icône de la page HTML, il suffit de récupérer les coordonnées et les dimensions de cette icône avec les propriétés de l'objet Image :
objetImage.style.top
objetImage.style.left
objetImage.style.height
objetImage.style.width

signaler à un administrateur
Commentaire de jujumat le 26/05/2009 16:28:21

Tout d'abord merci pour cette source JPERRE !!!!

Je veux juste réagir par rapport au placement des calendriers car j'ai du mal à comprendre quelle valeurs prennent pX et pY au moment de l'appel de la fonction.

J'ai fais un test en mettant cTop et cLeft à 0, et les calendrier sont quand même bien placé(dans fichier source)avec le décalage entre celui du haut et celui du bas. Comment géres-tu ce décalage ???

Merci d'avance !!!!!!!!!!!!

signaler à un administrateur
Commentaire de jperre le 26/05/2009 17:48:00

Dans le fichier source HTML de l'exemple de calendrier :
- l'attribut href de l'élément "a" (anchor) qui contient l'icône de calendrier de la date de début a la valeur suivante : "javascript:NewCal('DateDeb','DDMMYYYY',400,50)".
- l'attribut href de l'élément "a" (anchor) qui contient l'icône de calendrier de la date de fin a la valeur suivante : "javascript:NewCal('DateDeb','DDMMYYYY',400,127)".

Quelle que soit les valeurs initiales données aux variables cTop et cLeft, lors de l'appel de la fonction NewCal(), elles sont remplacées par les valeurs des deux derniers paramètres transmis à cette fonction.

Pour info pour un débutant : Le fait de donner la valeur "javascript:....." à l'attribut href indique au navigateur qu'il doit exécuter le code qui suit au lieu de chercher une URL.

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Une question pour mon calendrier [ par syltouille ] Bonjour et bonne annee tout le monde.Mon premier souci de cette annee est:J'ai realise un calendrier en PHP avec des images pour chaque jour.- Je voud Fermeture de popup et envoi d'informations [ par Rankin ] Salut &#224; tous. Je bosse actuellement sur la r&#233;alisation d'un site, qui contient une partie administration pour g&#233;rer des bases de donn& Click sur une date du calendrier [ par fionalabelle ] Bonjour &#224; tous, <P class recherche calendrier [ par makinator7266 ] Bonjour à tous et toutes, je suis à la recherche d'un calendrier qui me permette d'afficher une fenêtre pop-up indiquant l'évenement correspondant à l Recupérer la date depui un calendrier [ par lebasketeur ] bonjour tout le monde,Au cours de mon premier projet en php/mysql, j'ai rencontré quelque problème, si vous pouvez bien m'aider...Dans un formulaire d gestion calendrier [ par ikramta ] salut tout le monde.j'ai teléchargé un script qui permet d'afficher un calendrier et c'est vraiment ce que je veut ,mais une petite chause qui  me blo calendrier de présence [ par lescarangues ] bonjour à tous.voilà mon souci, je suis secrétaire d'un club de plongée et je viens de créer le site.je voudrais mettre sur celui une page spéciale po affichage et comportement du calendrier [ par ikramta ] salut tout le monde.je suis novice en javascript et j'ai telecharge un script d'un calendrier  mais quand j'ai inserré ce script l'afichage du calendr calendrier [ par chourouk86 ] Salut,S'il vous plait, je cherche un style de calendrier en javascript et je n'ai pas trouvé, donc si possible de m'aider à trouver un.Merci!!


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,530 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.