Discussion :

[le_chomeur]

Certains l'ont espéré !
d'autre priés nuit et jour !

le voila enfin LE calendrier de DVP en version 3 !

plus mieux mieux que plus mieux mieux mieux !!!!

bon ok j'arrète ( rooo j'ai le droit de me faire plaisir ! )

au programme :

- Calendrier non intrusif
- Code complètement réécrit !
- Compatibilité FF 3.5 , CHROME , IE7/8 , SAFARI
- Gestion des formats EN/FR ( attention uniquement le format , vous devrez changer les strings de langue vous même ... )
- Gestion des séparateurs
- Gestion du calendrier via la classe CSS de l'élément INPUT
- nouveau design !

plutôt qu'un long discours, voici cette première V3 BETA !!

béta car selon les retours j'améliorerais certaine chose pendant que j'ai la tete dans le code , et l'ajout du pickHour au seins même du calendrier

[EDIT] Source mise a jour le 02/08/2010 : Correction du bug empêchant la sélection du mois ou année, un grand merci a vodiem pour s'être penché sur ce soucis
Ps : testé sous ie 8/ FF et Chrome

[Bovino]

A tester ici : http://javascript.developpez.com/demos/Calendrier-v3/

EDIT : Mise à jour de la page d'exemple le 25/09/2010

[RapotOR]

La technique pour changer le mois et l annee est vraiment bien!

Nice!

[vincent2208]

Trés joli le même en intrusif et je tombe amoureux de toi

[Bovino]

le même en intrusif et je tombe amoureux de toi

quel intérêt de l'avoir en intrusif ???

[le_chomeur]

je veux bien t'introduire mais quand même

Le but étant d'éviter au maximum l'utilisation de javascript ^^

mais il est toujours possible de l'instancier a la main , mais on perd l'intérêt du script

[danielhagnoul]

Bonsoir.

Premier test : je n'arrive pas à choisir un autre mois ou une autre année, la sélection disparaît dès que je bouge le pointeur. Le problème existe sous IE8, Chrome 3 et Firefox 3.6

Lorsque j'examine le code, j'ai plusieurs alertes "strict warning : variable e redeclares argument" mais il s'agit toujours de la même ligne de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (!e) var e = window.event;

N'est-il pas possible d'utiliser :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var ev = e || window.event;

et se servir du paramètre ev dans le code suivant, une seule ligne je crois.

[le_chomeur]

Bonjour danielhagnoul,
effectivement un bug est apparut lors de la modification css de la dernière version ( ajoutant le centrage ).

Je vais donc devoir modificer le comportement de l'affichage des mois / années ...

Je prend bonne note de ta remarque, j'essaye de redéfinir une variable existante erreur de ma part

[nyko123]

Bonjour je suis nouveau sur le forum, tout d'abord bravo pour ce calendrier il est magnifique.

Deux petites remarques mais qui ont déjà été faites :
- Les jours et les mois < 10 sont représenté par des chiffres et non par des nombres c'est à dire qu'il manque le 0 devant (affiche 8/5/2009 au lieu de 08/05/2009)
- Et la selection du mois et de l'année disparaît immédiatement après le passage de la souris on ne peut pas sélectionner de mois ou d'année sans être obliger de garder le clic.

Hormis ces deux remarques ce calendrier est vraiment parfait l'interface est vraiment bien faite l'animation est fluide, c'est un calendrier comme on aimerai en voir plus. Toutes mes félicitations

[le_chomeur]

Merci pour tes compliments

ces 2 problèmes vont être résolu rapidement ( bug suite a une mise a jour )

cdt

[slzmorgan]

Magnifique travail!!!!

J'attends avec impatience la version avec l'heure

[le_chomeur]

Merci vodiem , source mise à jour

[SPACHFR]

Elle est terrible cette version. J'utilise la V2 dont j'avais réduit la taille (un peu trop d'ailleurs..)et fait mon skin, mais là c'est parfait

Merci de contribuer ainsi ,c'est vraiment sympa.

[yooyoo]

Bonjour, super script !
Mais comment modifier le format de la date ?
Car je veut l'utiliser pour sélectionner une date de format yyyy-mm-dd
et si possible yyyy-mm-dd hh:mm:ss

(format comme la fonction NOW() en SQL).

[SpaceFrog]

heu... heure minutes secondes sur un calendrier ?????

[le_chomeur]

je n'ai eu aucun soucis de mon coté ,

prendre ce qu'il y a entre les deux balises CSS

les mettre dans un fichier indépendant exemple style.css

et dans le fichier html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" href="style.css" type="text/css"/>

voila

[philippef]

Bonjour,

Merci Le_chomeur, je ne sais pas ce que j'avais fait mais maintenant c'est ok.
J'ai un autre soucis qui provient du Doctype utilisé.
Sur le site que je suis en train de faire et presque terminé j'utilise celui-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Celui utilisé dans le code du calendrier est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Quand le calendrier s'affiche, le fond du calendrier est en partie reproduit une 2eme fois.

Comment on peut résoudre ce problème?

Merci

[hashper]

super le script. pouvez vous svp m'aidez à afficher le calendrier par défaut sur une page sans avoir a cliquer sur le champ

[PatSan]

Je débarque un peu tard mais voici mes commentaires sur ton appli :
- l'ergonomie est vraiment soignée, félicitations !!
- le positionnement du calendrier se fait à merveille sauf dans Firefox 3.6.18 : le calendrier s'affiche au bar de l'écran. Une solution ?
Encore bravo pour ton appli.

[chawix]

Merci bcp ça était utilise pour moi ce script !! ^^