Gnoocalendar calendrier dynamique (version objet)

Télécharger le projet
Commenter

Description

Calendrier dynamique

###############################################
Fonctionnalités :
  • v1 27/04/2004

- insertion de plusieurs calendriers possibles
- interface customisable via le fichier css
- changement dynamique de champs cible
- changement dynamique de liste de jours fèriés
- changement dynamique de l'intitulé du calendrier
  • v1.1 19/09/2004

- calendriers dragables (sauf NS4 et IE5Mac)
  • v1.2 03/10/2004

- ajout d'une méthode getMonth pour afficher directement le mois désiré
- ajout d'une méthode getYear pour afficher directement l'année désiré
- ajout d'un bouton de fermeture du calendrier
  • v1.3 25/11/2004 :

- fermeture automatique à la sélection d'une date
- correction bug lié au positionnement lors du masquage
  • v1.4 09/01/2005 :

- correction bug scrollbar des listes avec Mozilla Firefox1.0
  • v1.5 15/10/2005 :

- correction bug sur les listes avec Safari
  • v1.6 27/03/2006 :

- ajout d'une méthode setFormat pour choisir le format de date ("fr" ou "us")
###############################################

Environnements testés :
IE4 IE5+ NS4.x NS7.x Mozilla Opera7.x
fonctionne : non oui oui oui oui oui
interface : non clean beurk clean clean clean

Conclusion :


###############################################
BUG-REPORT :
Opera7.03 : changement de champs cible impossible si le formulaire contenant
le champs cible est après le div d'affichage du calendrier dans le code du document
Pour signaler un bug ou demander des infos : zegnoo@free.fr

###############################################
UTILISATION :
Inclusion des deux fichiers necessaires :
<link rel='stylesheet' href='gnoocalendar.css' />
<script type="text/javascript" src="gnoocalendar.js"></script>
Instanciation:
var CL = new GnooCalendar("CL", 20, 10 );
paramêtres :
1 : nom de l'instance
2 : nombre d'années avant la date courante à afficher
3 : nombre d'années aprè la date courante à afficher

Initialisation:
CL.init("calend", document.forms["testform"].elements["testestformield1"]);
paramêtres :
1 : id du calque (div) d'affichage
2 : objet dont la propriété value va recevoir le String contenant la date selectionnée (typiquement un champs texte)

Activer l'option Drag&Drop:
CL.isDragable(true/false);

changement de champs cible :
CL.setTarget(document.forms["testform"].elements["testestformield2"]);
paramêtre :
1 : objet dont la propriété value va recevoir le String contenant la date selectionnée

Affichage :
CL.show();

Masquage :
CL.hide();

Changement du format de date (défaut : fr) :
CL.setFree("fr"/"us");

Affichage des jours feriés :
CL.setFree(true/false);

changement de la liste des jours feriés :
CL.setFreeDay(new Array("03/02", "31/07", "19/11"));

changement du titre du calendrier :
CL.setTitle("nouveau titre");

changement du mois affiché :
CL.getMonth(11); // novembre

changement de l'anné affichée :
CL.getYear(2003);
###############################################
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.