Accueil > Partage de connaissances > Boîte à Outils > Calendrier : encore plus fort !
 Version imprimable

Boîte à Outils
Calendrier : encore plus fort !

Dans un précédent article, je vous ai proposé un calendrier capable de gérer plusieurs champs de type ’date’ dans un formulaire. Aujourd’hui, je vous présente un composant bien plus efficace et agréable...

samedi 19 novembre 2005, par Richard BONMARIN

Mes collègues de travail ont découvert, à l’occasion d’une recherche d’outils, le site de dynarch.com et ont apprécié la qualité des composants proposés gratuitement. L’un de ces composants permet d’associer un calendrier à un champ date : cet outil s’avère beaucoup plus convivial et facile à mettre en oeuvre que celui que je vous ai proposé l’année dernière dans l’article 106.

Après avoir téléchargé le composant "DHTML Calendar" depuis le site Dynarch.com, j’ai créé une page de démo afin de ne retenir que l’essentiel. Le résultat de ce petit travail vous est proposé en téléchargement dans le fichier Zip ci-contre : il vous permettra une mise en oeuvre rapide en examinant le fichier "index.html".

Vous pouvez naturellement souhaiter tout connaître du composant de Dynarch : je vous invite alors à visiter le site de l’éditeur pour télécharger le composant dans son intégralité.

Petit guide de prise en main

- Décompressez le fichier ZIP dans le répertoire de votre site : un sous-répertoire "cal_dynarch/" y sera créé. Cette façon de faire vous aidera à isoler les fichiers nécessaires à l’utilisation du composant.
- Examinez le fichier "index.html" ; le calendrier est mis en oeuvre en trois étapes :

    1. Définition des ressources CSS et JavaScript
    2. Identification des liens - images ou boutons - du formulaire à associer à un calendrier
    3. Appel à la fonction de génération d’un calendrier pour chacun des liens ci-dessus

- Transposez la définition des ressources (CSS et Javascript) dans vos propres pages
- Affectez un Identifiant HTML unique à chaque image/bouton devant faire afficher un calendrier
- Ajoutez en fin de page les quelques lignes de code Javascript générant les calendriers DHTML en référençant les identifiants pré-cités
- Ayé, vous avez fini !

Post-scriptum :

Une page de démo est à votre disposition via le lien ci-dessous :

- Accès à la démo

Elle vous permettra de voir immédiatement si le calendrier peut vous convenir.


(Aucune contribution au forum)


 

© R. BONMARIN, 2003-2011