<Québec Code Source />

/* Partage de codes sources entre développeurs */

<Calendrier dynamique 1.0>

Informations++;

Date d'ajout: 31 mai 2008
Auteur: Québec Code Source
Testé avec: IE 6+, Firefox 2+, Opera 9, Netscape 7

Description++;

Ce script vous permet d'inclure dans un formulaire un contrôle donnant la possibilité à l'usager de sélectionner une date à l'intérieur d'un calendrier.
Vous pourrez ensuite récupérer cette date et l'utiliser comme vous le souhaitez.

Le calendrier est en français par défaut mais peut être facilement personnalisé dans la langue désirée. La plage de date disponible à l'intérieur de celui-ci peut également être personnalisée, de même que le format de la date retournée.

Démo++;

Entrez une date s.v.p.:

Téléchargement++;

Feuille de style: calendrier-dynamique-1_0.css
Script: calendrier-dynamique-1_0.js

Instructions d'installation++;

Placez le code suivant à l'intérieur de la balise <head> de votre page:

<link href="calendrier-dynamique-1_0.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="calendrier-dynamique-1_0.js">
/****************************************************************************************
CALENDRIER DYNAMIQUE 1.0
Date: 31 mai 2008
Auteur: Québec Code Source - info[arobas]codes-sources[point]qc[point]ca (remplacer [arobas] par @ et [point] par .)
Source: http://www.codes-sources.qc.ca/javascript/calendrier-dynamique.aspx
La version originale de ce code et plus encore sur http://www.codes-sources.qc.ca

*** La modification ou suppression des informations ci-dessus ou de cette note ***
*** constitue une violation des conditions d'utilisation. ***
****************************************************************************************/
</script>
Sur le contrôle "input" de votre page, ajoutez l'attribut suivant:

<input type="text" size="10" id="inputId" onFocus="javascript: calendrier('inputId', dateMin, dateMax);" />

Prenez soin de remplacer les paramètres par vos propres valeurs:
inputId = Id du champ texte dans lequel vous voulez récupérer la date
dateMin = Date minimum du calendrier (optionnel)
dateMax = Date maximum du calendrier (optionnel)
Si nécessaire, modifiez les configurations par défaut au haut du script (fichier .js) selon votre utilisation.
Si nécessaire, modifiez le style du calendrier à l'aide de la feuille de style incluse.

Évaluation du code ++;

Notez ce code: 1/5 2/5 3/5 4/5 5/5

Commentaires++;

Laissez votre commentaire à propos de ce code:

Nom / pseudonyme:
Commentaire :