CALENDRIER JAVASCRIPT
bbcluny
Messages postés
66
Date d'inscription
mardi 25 mars 2003
Statut
Membre
Dernière intervention
29 septembre 2008
-
16 déc. 2005 à 09:56
adshady - 28 juin 2014 à 19:14
adshady - 28 juin 2014 à 19:14
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/34725-calendrier-javascript
https://codes-sources.commentcamarche.net/source/34725-calendrier-javascript
28 juin 2014 à 19:14
8 oct. 2012 à 13:04
20 avril 2012 à 14:13
10 nov. 2011 à 14:44
Sous IE6 :
- sur une page HTML, ça marche nickel ;
- mais sur une page aspx (sous IE6), toujours des erreurs JavaScript et ça marche pas.
Quelqu'un a déjà eu ça ?
Merci
7 juin 2011 à 10:34
Il y a juste un petit bug qui apparaissait lors de la sélection d'une année "px" est rajoutée derrière celle-ci.
Pour le corriger il suffit de l'enlever dans la fonction "selectYear" sur la ligne :
"calendar.cyear = parseInt(s[s.length - 1]) + calendar.cyear2 - 11+"px";"
15 févr. 2011 à 22:54
Bravo c'est ce que je cherche exactement depuit des jours
17 janv. 2011 à 17:20
24 déc. 2010 à 15:18
26 oct. 2010 à 10:54
Ensuite, je propose une petite amélioration:
- D'abord corriger les deux petites coquilles énoncées dans les commentaires plus haut (remplacer < par > dans la fonction getCellClassNameSuffix et remplacer var testDate new Date(y2, m2 - 1, 1); par var testDate new Date(y2, m2 - 1, 29); dans la fonction displayCalendar)
- Ensuite, pour ce qui consiste à afficher la date du jour avec une couleur différente, c'était, vu l'utilisation que je fait du calendrier, inutile pour moi. Déjà parce que j'avais pas besoin de mettre en évidence la date du jour, et surtout parce que la date du jour, c'est la première date non grisée suivant les dates passées. Elle est donc naturellement mise en évidence.
Par contre, pour une question de lisibilité, j'avais besoin de mettre en évidence la date choisie par l'utilisateur (en effet la textbox liée au calendrier peut être pré-rempli).
Du coup, j'ai apporte une petite modification pour qu'au lieu de colorier la date du jour, je colorie la date que contient ma textbox. Pour cela c'est pas difficile, il suffit de rajouter ceci dans la fonction getCellClassNameSuffix :
function getCellClassNameSuffix(day) {
var selectedDate = new Date(calendar.cyear, calendar.cmonth - 1, day);
var chosenDate = new Date(calendar.year, calendar.month - 1, calendar.day);
if (selectedDate.getYear() chosenDate.getYear() && selectedDate.getMonth() chosenDate.getMonth() && selectedDate.getDate() == chosenDate.getDate()) {
return "tod";
}
if (PAST_ENABLED || TODAY_ENABLED) {
// ... le reste du code ne change pas
Ainsi, j'utilise la couleur, qui à la base est celle de la date du jour, pour indiquer la date choisie.
Si quelqu'un veut mettre en avant la date du jour ET la date pré-choisie, il lui faudra définir un autre suffixe (mais comme moi je n'utilise pas la date du jour, ça me suffisait :D)
17 sept. 2010 à 19:39
Le seul truc que je n'arrive pas à faire, c'est modifier la couleur des caractères des noms de mois et des chiffres des jours.
Je ne comprends pas trop pourquoi, mais je ne pense pas que cela vienne du code.
Quand je change la couleur dans le fichier css pour ces deux éléments (j'imagine la propriété color de .cal), rien ne se passe.
Mais bon, c'est pas grave.
Excellent travail.
7 juil. 2010 à 12:34
@Djoshaiek
Une page d'exemple est fournie avec le code. Il intègre le minimum pour bien comprendre comment ça fonctionne :
- référence au fichier calendar.js
- un input pour saisir une date
- un bouton d'affichage du calendrier où la fonction d'appel prend le nom du champ date en paramètre.
Petit rappel pour les débutants :
- préférer l'utilisation de FF à IE : le plugin Firebug est des plus utiles pour analyser le code html généré dynamiquement, les différents styles css appliqués et passer en debug dans le code js
- ne pas hésiter à truffer le code js de alert() temporaires pour tester les différents paramètres pour ceux qui ne sont pas adeptes du debug js classique
@ Tous
Le temps me manque cruellement ces derniers temps (depuis 2 ans :) ) mais j'ai bien pris en compte vos différents retours. Je vous en remercie encore et tâcherai de parfaire le calendrier dès que possible.
Bonne continuation à tous !
7 juil. 2010 à 12:25
je suis débutant en javascript
c gentil si tu m explique comment intégrer cette calendrier dans mon page sans faire une grande modification merci :)
25 mai 2010 à 10:15
chez moi il fonctionne parfait sur tout les navigateurs ie5.5, ie6, ie7, FF, chrome et safari
pour contrer la remonté en haut de page et optimiser le fonctionnement voici ma solution : remplacer le # qui est une ancre [# par ] dans le lien qui encadre l'image du calendrier
bon dév
Natacha
10 mai 2010 à 13:10
Mais lorsque je le lance avec easyphp il ne fonctionne pas!!!
:^(
SVP un cou de main C urgent
merci d'avance !:^(
5 mai 2010 à 12:04
Mais lorsque je lance le pg avec easyphp il ne fonctionne pas!!!
svp qui peut me donné une explication
merci d'avance :-)
3 mai 2010 à 19:12
12 avril 2010 à 13:55
2 avril 2010 à 17:21
Cela fait un moment que je cherchais ce script!
il est parfait, et facile à integrer. Sur tout ceux que j'ai vu c'est le "best of the best"!
J'ai rencontré aucun bug jusqu'a présent.
Tu me facilites grave la vie!
Encore merci.
24 mars 2010 à 22:16
10 nov. 2009 à 16:31
1/ l'intégration est rapide, en 5 minutes, ton calendrier était sur une de mes pages.
2/ avec cette page faite en 5 minutes mes stests ont donnés ceci :
- sous FF 3.5 : OK, mais sans rien modifier le placement du calendrier est assez éloigné du bouton (je suppose que cela se configure dans le code JS)
- sous Chrome 3 : OK, mais le look du calendrier est assez différent, plus étalé horizontalement. Même remarque que sous FF par rapport au placement du calendrier. Le calendrier réagit plus vite, mais ça c'est sans doute à Chrome et ses performances en JS.
- sous IE 6 : ne fonctionne pas (rien n'apparait, et le navigateur m'indique "Objet attendu" à la ligne 247
3/1ère critique : effectivement, comme l'a dit quelqu'un plus haut, la page semble se recharcher ou en tout cas se recaler sur le haut de la page quand on choisit une date, ce qui est très énervant. Je vais essayer de comprendre pourquoi, parce que dans mon cas, cela le rend quasi-inutilisable, trop inconfortable pour l'utilisateur.
Je met 9/10 en raison des petites remarques ci-dessus.
Merci beaucoup en tout cas !
25 oct. 2009 à 19:51
C'est pourquoi, encore aujourd'hui, je l'intègre régulièrement dans mes solutions informatiques.
B R A V O et grand merci.
21 sept. 2009 à 14:49
Juste une petite critique : sur un champ date en bas d'un formulaire qui nécessite de faire défiler la page, le fait de cliquer sur le bouton et d'ouvrir le calendrier replace l'utilisateur en début de page. C'est un peu gênant parfois, mais sinon beau boulot !!
5 août 2009 à 04:10
quelques correctifs a integrer dans le code mais c'est vraiment tres bon.
un point de detail peut etre mais la fonction displayCalendar(id, ev) ne semble pas fonctionne avec un nom indicé de type nominput(ligne) dans la variable id ou alors j'ai merdu ailleur ?
Ca serait cool si tu integrais les modifs dans le script!
et pour le reste un grand merci ca marche du tonnerre
17 juil. 2009 à 17:28
Tout d'abord merci pour vos différents commentaires bien sympas. Je manque un peu de temps en ce moment mais je n'oublie pas vos différentes remarques d'améliorations. Je les apporterai dès que possible.
A l'attention de LENAIC89 :
Je te conseille de garder le fonctionnement du calendrier plus ou moins tel qu'il est. Ensuite, pour colorer certaines dates en fonction d'événements qui pourraient se trouver dans une base (mieux qu'un fichier), rien de tel qu'un petit appel ajax à chaque changement d'année ou de mois pour récupérer tes infos et surcharger dynamiquement l'affichage de base du calendrier (changement de couleur, affichage du détail de l'événement au survol par la souris du jour concerné, ...).
Merci encore à tous et à bientôt.
17 juil. 2009 à 16:49
26 juin 2009 à 11:00
un autre bravo de ma part est du mise !!!
mais plus sérieusement je cherche à modifier ton code (ajout d'une fonction ou d'une partie du code)
de manière à pouvoir changer la couleur de certaines dates.
plus précisément j'aimerais pouvoir stocker dans un fichier, une base ou autre une liste de dates (des formations réparties sur l'année) et ensuite que ces dates soient utilisées pour colorer les cases correspondante dans le calendrier.
le système de stockage devra pouvoir être mise a jour sans modifier le code de préférence.
j'ai bien essayé de modifier ton code mais n'étant pas un petit génie du java script je me retrouve un peu bloqué.
merci de ton aide (si tu y pense car ce sujet commence a avoir de l'age !!!)
16 juin 2009 à 21:22
est ce que tu peux m'aider moi je veux le calendrier dans mon site afficher tout le temps sans un input comme ca !!
Merci
27 avril 2009 à 11:57
Bravo pour ce script, il correspond exactement à ce que je cherchais.
Je rencontre le même problème que décrit par pierrealain6913 concernant les selects. J'ai vu la solution proposée par Anthed mais je ne comprends pas comment l'utiliser.
Je suis vraiment peu expérimenté en javascript, si quelqu'un peu me décrire plus précisement la méthode à suivre, merci d'avance.
14 avril 2009 à 15:38
erreur css :
color:#FFFFFF; visibility:hidden; font-style:normal; font-variant:normal; font-weight:bold; outset; white-space: nowrap}
outset; n'à rien à faire là. coquille!
deux warning js :
deux variables non déclarées, ajoutez var i; var j; dans function addMonthDiv(calendarDiv)
et de manière generale pour supprimer les warnings css :
les tailles de polices en dessous de 9pt/px ne fonctionne pas sous mac, içi elle sont à 8, quand on bosse, comme moi, en mode strict pour tout on le prend dans les dents.
font-family: Arial; c'est léger comme passe-partout, pour celles et ceux que çà intéressent, un vrai passe-partout, windows, linux, mac etc.
font-family: verdana,arial,helvetica,geneva,"DejaVu Sans Mono","Bitstream Vera Sans Mono",sans-serif;
img.but {width:16; height:16; cursor:pointer}
width et height sans valeurs de pixels!
img.but {width:16px; height:16px; cursor:pointer}
c'est mieux ;) et pour pinailler ;(
.calh td {color:#ffffff}
toute valeur color déclarées doit être suivi d'une valeur de background, dixit w3c.comme içi :
.calm {background-color: #5588bb; color:#FFFFFF; font-family
sinon, c'est du bon boulôt.
10 mars 2009 à 11:55
Est-il possible d'utiliser le format dd.mm.yyyy (. a la place de /) ? si oui ou faut t'il modofier ça ?
Merci
8 févr. 2009 à 05:59
11 janv. 2009 à 06:08
http://www.supportduweb.com/scripts_tutoriaux-code-source-9-faire-un-calendrier-en-javascript-avec-un-effet-de-transparence.html
merci :) et bravo pour ton travail
4 janv. 2009 à 16:14
Au fait chez moi ça fonctionne sous IE Firefox et googlechrome
D'avance merci
18 nov. 2008 à 12:07
ça marche du tonnerre !!
12 nov. 2008 à 14:59
12 nov. 2008 à 14:57
Merci d'avance
et bien-sur je met une note a ce super code
15 oct. 2008 à 14:41
14 oct. 2008 à 12:19
29 août 2008 à 14:58
ou encore http://fr2.php.net/date (google friend).
29 août 2008 à 13:06
Chapeau pour ce script, je l'utilise actuellement pour enregistrer des dates dans une base access mais je souhaite migrer le système sur mysql et alors là grosse galère. Le format de la date ne correspond pas à la norme us.
Du coup la date est à 0 dans la base.
Je voudrais juste savoir si c'est simple de remplir 2 champs dans le formulaire lorsqu'on clique sur une date. ex:
Champ1fr (avec la date au format français dd/mm/yyyy comme actuellement)
Champ1us (avec la date au format US yyyy/mm/dd) qui sera en hidden dans le form
Merci.
25 août 2008 à 10:26
<link href="../ressources/stylesheets/calendar.css" type="text/css" rel="stylesheet" />
<script src="../ressources/script/Calendar.js"></script>
Appeler le calendrier avec
et appeler avec
j'ai mis mes scripts/img/css dans un dossier /ressources/
20 août 2008 à 15:45
20 août 2008 à 15:21
20 août 2008 à 15:00
14 août 2008 à 08:04
Rien de tel, dans ce cas, qu'un petit passage en debug (avec FireBug par exemple).
A+.
13 août 2008 à 17:35
tout content de cette trouvaille, je teste le script avec la page calendar.html sur mon serveur, et l) ca fonctionne sur ie (et plus sur Firefox !!
apres avoir relu tout les coms de cette pages. je trouve la solution :
ca viens juste du \ qu'il faut remplacer par / au debut du fichier
<script src="scripts\calendar.js"></script> deviens <script src="scripts/calendar.js"></script>
mais voila.. vous allez rire.. une fois intégrer a mon formulaire php.. ça fonctionne sur firefox mais plus sur ie 6
qui me dis dans la barre d'état qu'il y a des erreur sur la page
je ne comprend vraiment pas d'où ça viens.. il n'aime pas les div dans les div peut-être ?
si quelqu'un a eu le même pbm .. ou a une idée je le remercie de me donner un coup de main
merci pour la source en tout cas
17 juin 2008 à 22:09
document.body.scrollLeft
document.body.scrollTop
par
document.documentElement.scrollLeft
document.documentElement.scrollTop
Dans initElement, toujours pour le même problème de placement.
17 juin 2008 à 04:15
En effet lorsque l'on joue avec les dimensions/placements il faut dorénavant préciser "px" ou "%" sinon ce n'est pas pris en compte et le calendrier reste à l'emplacement initial de la div.
donc pour la fonction initElement rajouter +"px"; à la fin des lignes 279,281,284,286 et 289 à 292.
Ensuite pour éviter que le scroll ne remonte tout seul au click sur certain navigateur avec les liens, remplacer l'appel de la fonction:
javascript:displayCalendar('w0', event);
par
return displayCalendar('w0', event);
et rajouter return false; à la fin de la fonction displayCalendar ligne 353.
merci pour le code en tout cas.
5 juin 2008 à 15:40
Quand tu choisis un jour, c'est la fonction selectDay() qui est appelée. A l'intérieur de celle-ci l'appel à la fonction hideCalendar() permet de masquer le calendrier. Tu peux donc supprimer cet appel pour conserver le calendrier visible après avoir choisi ta date.
Tchô.
5 juin 2008 à 11:18
4 juin 2008 à 16:52
Comment je fais pour que le calendrier reste visible apres avoir choisis la date?
merci
31 mai 2008 à 22:13
Je voulais juste te signaler un petit bug pas bien grave qui crée le phénomène suivant :
aujourd'hui, nous sommes le 31 mai et tous les mois comportant 31 jours jusqu'à la fin de l'année ont leur jour 31 coloré comme un jour "today".
Ceci est créé à la ligne 701 du fichier "calendar.js" par un test "<" à la place de ">".
Le test "<" est déjà fait à la ligne 699. J'ai testé après la correction en ">" et je n'ai plu que le 31 mai qui soit "today".
Encore bravo et merci pour ton code.
30 mai 2008 à 19:48
Merci pour cet excellent code qui cadre exactement avec ma recherche.
Ton code est très clair, très aéré, tes règles de codage sont excellentes, les noms des variables explicites... Bravo.
Avec très peu de connaissances en javascript, j'ai pu l'adapter exactement à mon besoin.
Pour un peu, on en redemanderais. Alors si tu en as d'autres comme celui là, n'hésite pas.
Encore bravo et merci.
25 mai 2008 à 13:37
merci beaucoup pour sette calendrier.
mais ect ce que qh'ila y a une possibilite de changer la forme de date à YYYY-MM-DD pour l'enregister dans ma base mysql car les autres format n'enregistrent pas dans ma base
merci
30 avril 2008 à 19:31
A+
7 avril 2008 à 19:49
7 avril 2008 à 17:10
Obtiens-tu le même résultat si tu essaies de télécharger le fichier unitairement : calendar/scripts/calendar.js ?
7 avril 2008 à 09:06
Lorsque je télécharge le fichier ZIP, mon antivirus me sort:
"Le fichier javascriptfr_CALENDRIER-JAVASCRIPT___Page.zip contient le virus Compressed_Huge_File"...
6 mars 2008 à 10:01
J'essaie de faire un truc avec mais je bloque un peu (je débute en Javascript). J'essaie d'intégrer un compteur qui compte le nombre de jours entre le clik sur la première date et le click de la 2ème date, tout en ignorant le samedi et dimanche, et plus tard les jours fériés qu'on définira.
Bref que le compteur ne compte que les jours "ouvrés" quand on selectionne les 2 dates.
Si vous avez une idée je suis preneur, merci d'avance :)
14 févr. 2008 à 19:52
14 févr. 2008 à 19:50
Une remarque au passage, je pense qu'il y a une petite erreur dans le code javascript à la ligne 336 :
> var testDate = new Date(y2, m2 - 1, 1);
Il me semble que ça devrait plutôt être (comme dans la méthode getMonthLastDay) :
> var testDate = new Date(y2, m2 - 1, 29);
Sinon cela pose problème pour la sélection automatique du jour lorsque la date dépasse le 28 du mois.
Merci encore pour ce code.
4 févr. 2008 à 15:06
Merci.
6 janv. 2008 à 20:53
je l'ai intégré à ma classe autoformulaire en PHP !!! ça marche du tonnerre !!!...
merci beaucoup parceque le javascript c'est pas mon fort...
(ps : NE PAS OUBLIER D'AJOUTER
sinon ça marche pas !!! j'ai passé une demi/heure à me demander si savais encore programmer... :p oui je sais.. mais bon c'est dimanche soir alors faut pas trop en demander non plus...)
Nota : le format du champs retourné est : date française DD/MM/YYYY, est-ce qu'il y a la possibilité de retourner une date YYYY-MM-DD (un paramètre de plus qui permettrais de choisir du genre : displayCalendar('name', 'format', event); ).
à propos du multilangue, je me suis permis une petite modif : les deux premières lignes je les ai mises dans un autre fichier nommé : calendar.lang-fr.js (pour gérer le français)
var MONTH_LIST = new Array("janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre");
var DAY_LIST = new Array("Lun", "Mar", "Mer", "Jeu", "Ven", "Sam", "Dim");
ce qui me permet de créer un autre fichier nommé : calendar.lang-en.js (pour gérer l'anglais)
var MONTH_LIST = new Array("January", "Febrary", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
var DAY_LIST = new Array("Mon", "Tue", "Wen", "Thu", "Fri", "Sat", "Sun");
j'ai ensuite un script PHP qui me trouve la langue et la stocke dans une variable de session ("lang") ce qui me permet de faire cet insertion en début de page dans le head.
$output .= '<script src="scripts/calendar.lang-' . $_SESSION["lang"] . '.js"></script>';
et ça marche trés bien...
encore une fois bravo pour ce merveilleux code (trés propre, j'arriverais presque à comprendre le javascript avec ça :p) !!!....
cordialement.
6 déc. 2007 à 15:17
On y gagne on lisibilité.
3 déc. 2007 à 17:07
Par contre, le fait que le contenu du calendrier soit à présent généré depuis le fichier js fait que chacun peut modifier l'ordre à sa guise.
A+.
3 déc. 2007 à 16:35
j'ai essayé les masterpages (asp.net) hier et tous les id sont prefixés,
donc ca fout en l'air le code js ... :/
Autre idée :
- Quand la souris est en dehors du calendrier trop longtemps :
simuler le clic sur la corix (ferme la fenêtre)
3 déc. 2007 à 16:32
J'ai pas mal lutté pour faire du DHTML (planning modifiable à la souris) debug etc ...
En revanche je suis stagiaire là, donc j'ai du temps à perdre :p,
d'où ma quête du parfait :)
Petite préférence perso sur l'esthétique :
Je trouve que le haut du calendrier est un peu encombré et on met quelque seconde avant de "voir" comment ça fonctionne (est ce moi qui ait du mal ? :p)
Solution proposée :
- Faire passer la flèche "suivante" pour le mois et l'année à droite de ces derniers.
- Supprimer les fleches "bas" (de toute façon, la fonctionalité reste si on clique sur les noms)
Voili voilo !
3 déc. 2007 à 09:38
Concernant l'utilisation d'une classe, je n'ai pas grand chose à rajouter par rapport à ce que j'ai déjà dit. Si tu préfères du javascript version java, libre à toi (pourquoi pas).
Générer les composant html du calendrier depuis le fichier js plutôt que l'intégrer directement à la page concernée est en revanche une bonne idée (plus facile à intégrer et à mettre à jour en cas de présence sur plusieurs pages).
Pour info, je signale que j'avais réalisé la première version de ce calendrier dans le cadre professionnel et une des devises à méditer dans ces circonstances est : "Le mieux est l'ennemi du bien". Les impératifs de développement et les délais de livraison font qu'on n'a jamais assez de temps pour réaliser quelque chose de parfait. L'idéalisme poussé à l'extrême n'est pas rentable ...
Pour finir, je tâcherai de fournir une version prochainement avec une couleur différente et la possibilité de désactiver les liens associés aux jours passés.
Merci à tous pour vos différentes remarques. A+.
2 déc. 2007 à 00:51
Si qqun à la solution à ce bug
30 nov. 2007 à 17:48
C'était juste une opinion personnelle.
Le but de cette critique est avant tout d'avoir des explications sur le pourquoi de cette façon de faire (que quasiment tout le monde partage sur javascriptfr) ou alors de me remettre en question par rapport à ce que je croyais savoir.
(Je ne dis pas que tu l'a mal pris mais je préfère être absolument clair :)).
je ne cherche pas la performance (je suis d'accord que ça ne change rien).
La lisibilité, même si j'en suis sensible, n'est pas non plus en question.
Ce que je n'aime pas c'est aussi l'html directement dans la page ...
J'ai plein de code récupéré un peu partout et au final on sait plus quoi appartient à quel bout de js quand on a une page complexe.
J'aime le code très organisé, et j'ai rencontré un cas bizarre ou un argument n'était pas utilisé dans une fonction au profit d'une variable plus globale du même nom ! Bref une erreur vicieuse.. (je crois que j'ai même gardé un fichier pour illustrer la chose.)
Au final j'aime bien l'action unique quand j'ai envie de quelquechose.
Je veux un truc boum j'inclu un fichier (une seule action) et hop je peux l'utiliser.
Je n'ai pas à :
-- Inclure le js
-- Copier le code html (le retrouver déja, le mettre en commentaire dans le js ... c'est moyen :D)
-- Vérifier qu'il entre pas en collision avec d'autre variable ...
Alors qu'ajouter un fichier.js ( == une classe) je trouve ça plus simple et plus modulaire.
Et c'est pas la place que prend "function MaClass { }" :p qui grossit le code
(normalement si on fait cela très proprement on compresse aussi le js...)
Autre petite remarque : Générer le calendrier (l'html) dans le js permet également de le compresser (boucle js ...) et sans le js ça fait une page html plus propre (que le contenu et pas les outils et l'interface).
Encore un opinion perso qui ne prend appui que sur mes 2 seul mois de web dev :)
(ca vaut ce que ca vaut, dite moi si j'ai tort surtout) :
Je trouve ca crade d'avoir des choses cachés (visible) ou non affichés (display) dans une page si ce n'est pas pour utiliser avec du js...
Hors si js est désactivé ca évite de télécharger un truc qu'on utilise pas !
Que penses tu de tout ça ?
16 nov. 2007 à 08:56
L'instance unique de calendrier, puisque comme tu le dis, il ne peut y en avoir qu'un affiché à la fois, est déclarée juste après : var calendar = new Calendar();
Suivent les fonctions codées et écrites proprement : toutes les normes de codage sont respectées.
Tout ça pour dire que je ne vois pas trop où tu veux en venir. Le principe que tu énonçais précédemment (le 13/11/2007 17:06:09) de tout mettre dans une seule classe ne 'proprifiera' pas grand chose, ça te fournira simplement une mise en forme javaifiée (t'as vu, moi aussi, je suis super fort en néologismes ;) ) sans grand intérêt : pas plus performant, pas plus lisible.
Le nom du fichier suffit d'après moi à comprendre que son contenu gère le calendrier. A partir du moment où tu sépares tes traitements javascript dans différents fichiers en fonction de leur rôle, tout va bien je pense.
A+.
16 nov. 2007 à 04:16
Donc même si il y'a plein d'instances ... on peut se débrouiller pour que si une instance Popupe (du verbe Popuper si si ! :p), elle fasse disparaitre les autres.
Au final ça fournit aux instances un comportement qui ressemble aux menus contextuels : Deux instances ne peuvent être popupé et visible en même temps.
Je vrai "proprifier" le code quand j'aurai plus rien à faire...
Interessé ou pas par le code proprifié ?
13 nov. 2007 à 18:18
2) je n'ai pas eu recours à cette solution pour une question de performances. Dans le cas où plusieurs zones de saisie de date sont présentes dans une même page, cela permet de n'instancier qu'un objet commun.
de plus : 'code plus propre sous forme de classes' : ce n'est pas du java et c'est même fondamentalement différent. Pour la petite histoire, le terme javascript a été choisi à l'époque parce que le langage java avait un certain succès à ce moment, c'est tout.
3) les accolades, c'est comme chacun veut, du moment que l'accolade fermante est alignée avec le mot clé associé (if, for, while, ...) c'est propre.
Tchô :)
13 nov. 2007 à 17:06
Bref je reviens juste pour dire que dans le fichier calendar.html y'a une petite faute sur le dernier div, deux onclick se suivent :
onclick="increaseYear();" onclick="incrementMonth();"
J'en profite poser quelques questions :
1) Pourquoi à chaque fois que je trouve un script sympa les variable et les fonctions sont en vrac dans le fichier (pas a l'interieur d'une seul fonction en vue d'e nfaire une classe PROPRE et sans risque de collision) ?
2) Ne serait-il pas plus sympa / propre de generer également un div en position absolue, et d'y incoporporer le code HTML du calendrier dynamiquement ?
Bref c'est ce que je vais faire, au final j'aurai juste à taper :
<script ... src="calendaer.js">
<input onclick="javascript:(new PopupCalendar(path_vers_les_images, id_input)).Popup();"
Au vue de la quantité de source ou ce n'est pas "propre" à mon sens ( == sous forme de classe) je me demande si y'a encore des choses importantes que j'ignore à propos du javascript ... :S
3) N'y a-t-il personne qui deteste les accolades à la K&R à part moi (== cad en fin de ligne et non pas aligné avec les accolades fermantes) ?
Ou bien est ce que tous le monde le fait pour une raison que j'ignore.
(hypothese : certains navigateurs trouvent une erreur si les accolades ne sont pas en fin de ligne ?)
13 nov. 2007 à 16:34
13 nov. 2007 à 15:17
Pas de possibilité de changer sa note Messieurs les admins ?
13 nov. 2007 à 15:14
Nan sérieusement ...
Pour mon premier site web (un intranet en fait) c'est exactement ce que je cherchais !
Intuitif et apparemment sans bug !
Merci beaucoup :)
En plus t'a fait une démo sympa et sans prise de tete, les gens le font pas souvent...
10/10
7 oct. 2007 à 09:11
Si je comprend bien YLEBAILLY = YODEV peu importe un grand merci en tout cas, mais je ne sais pas si c'est moi, car plus d'affichage spécial aujourd'hui dans le calendrier, malgré les modifs, je suis vraiment bon à rien... Pourtant pour être sure avant de poster, je suis repartie de l'original et j'ai refait les modifs et rien ???
Bon j'y retourne et si je trouve mon éventuelle erreur je reposte.
Merci beaucoup pour ton aide.
@+ JLN
6 oct. 2007 à 14:32
//dans le while de la fonction fillCalendar :
if(today.getYear()==selDate.getYear() && today.getMonth()==selDate.getMonth() && today.getDay()==count){
element.className='today';
element.isToday=true;
element.style.color='red';
}
if(today.getYear()>=selDate.getYear() && today.getMonth()>=selDate.getMonth() && today.getDay()>count){
element.className = 'beforeToday';
element.isBeforeToday=true;
}
// j'ai pas testé, mais ça devrait marcher ...
PS : désolé pour le 'fillCalendar' de mon post d'avant ...
+++
5 oct. 2007 à 17:21
Sinon merci à ANTHED pour ce script génial et à toi YODEV pour ce petit plus et si j'osai... Ne sarai-t-il pas possible de colorer le jour de la date figurant dans le champ sur le calendrier tout comme on le fait pour la date courante ? Si oui comment s'y prendre, le javascript est pour moi (et bon nombre d'entre nous) trop inconnu pour prétendre une modif qui ne mette pas tout en l'air.
Merci beaucoup.
@+ JLN
5 oct. 2007 à 15:47
Merci tout d'abord pour ce script,j'essaie de l'utiliser dans une page JSP mais je ne sais pas les balises que je dois ajouter à mon fichier JSP pour que ça marche.
Merci d'avance
3 oct. 2007 à 14:30
remplacer
j = (new Date(calendar.cyear, calendar.cmonth-1, 1)).getDay();
par :
var selDate = new Date(calendar.cyear, calendar.cmonth-1, 1);
var today = new Date();
j = (selDate).getDay();
@@+++
3 oct. 2007 à 14:28
dans le css, ajouter :
.today {background-color: #b68211; font-weight:bold;}
.beforeToday {background-color: #baac8f;}
Dans le js :
//dans le while de la fonction calendar :
if(today.getYear()==selDate.getYear() && today.getMonth()==selDate.getMonth() && today.getDay()==count){
element.className='today';
element.isToday=true;
}
if(today.getYear()>=selDate.getYear() && today.getMonth()>=selDate.getMonth() && today.getDay()>count){
element.className = 'beforeToday';
element.isBeforeToday=true;
}
// remplacer la function unhighlightDay
function unhighlightDay(evt) {
el = getEventElement(evt);
if(el.isBeforeToday)
el.className = "beforeToday";
else if(el.isToday)
el.className = "today";
else
el.className = "";
}
// et ça fait un affichage différent pour les dates passée / aujourd'hui et future...
@+
24 août 2007 à 12:45
Encore bravo pour ce calendrier, je confirme encore que c'est une vraie merveille comme je l'ai dit l'année dernière, sauf qu'il y a un tout petit bug dans le fichier calendar.htm
<link href="stylesheets\calendar.css" type="text/css" rel="stylesheet" />
<script src="scripts\calendar.js"></script>
faut juste remplacer le \ par / et tout fonctionnera sous ff et netscape
quoi qu'il en est, c'est une merveille :)
24 août 2007 à 08:58
14 août 2007 à 17:54
^_^
14 août 2007 à 17:33
... maj testée, plus de bug du 32 octobre.
et très étrangement, plus de bug non plus avec l'ancienne version
j'étais (et suis) sous XP Pro SP1 :
FF 1.0.4.1 (je crois) => suis maintenant sous FF 2.0.0.6
IE 6.0 => inchangé
pas de SP ou autre maj quelconque
bizarre
++ ;)
14 août 2007 à 17:06
Nerolph, je suis plutôt pro-open-source donc fais ce que tu veux. Si tu récupère des bouts de code à droite et à gauche et qu'à chaque fois, tu dois rajouter 'Un grand merci sincère et chaleureux à untel blablabla' dans le code, tu ne vas pas t'en sortir :) et je dis un grand 'ZUT' à ceux qui se prennent pour des grands maîtres du développement en exigeant que leur nom soit présent partout.
A+ tout le monde ;)
14 août 2007 à 16:40
@+ JLN
14 août 2007 à 16:23
Merci pour ton aide, car je maitrise pas mal le php mais encore assez le javascript pour me plonger réellement dans ta source... Pour ma part je l'utilise sur un site perso sur un serveur ou je n'ai pas ouvert l'accès, donc perso.
Bonne prog à tous,
@+ JLN
14 août 2007 à 14:13
14 août 2007 à 10:50
Je viens d'apporter la correction sur le positionnement du calendrier. Par contre, je n'arrive pas à reproduire le bug du 32/10. Si quelqu'un est tombé dessus, merci de m'indiquer si cela concerne un browser particulier et quel est l'enchaînement d'actions conduisant à cette erreur. Merci d'avance.
14 août 2007 à 07:47
Hors le bug signalé pour le 32 octobre, il y en a un autre et de taille, si le champs contient déjà une date, on se retrouve avec le calendrier en décembre 2006, même sur la page donnée en exemple. Il serait sympa d'apporter les corrections afin que le jour par défaut dans le calendrier soit celui qui se trouve dans le champs ou s'il n'y a rien ou date non valide, la date du jour. Le net plus ultra serait de remettre ici à jour.
Merci pour tout tes efforts et je met 9 à cause des petits bugs mais quand même il très bien ce calendrier.
4 juil. 2007 à 10:04
3 juil. 2007 à 21:24
3 juil. 2007 à 15:17
Je vais tâcher d'y jeter un coup d'oeil ...
A+.
3 juil. 2007 à 14:38
++
3 juil. 2007 à 11:28
et j'te mets un petit 10 pour celle-ci
très peu de modifs pour mes besoins, code clair, exactement ce qu'il me fallait :p
merci pour cette contribution ;)
3 juil. 2007 à 11:12
2 juil. 2007 à 18:50
fait ton choix ;)
2 juil. 2007 à 09:19
A+.
1 juil. 2007 à 17:41
quelle différence avec http://www.javascriptfr.com/codes/CALENDRIER-PARAMETRABLE-PERSONNALISABLE_34697.aspx ?
laquelle supprimer? ;)
29 nov. 2006 à 16:08
http://www.w3.org/
14 juin 2006 à 16:18
ce script ne fonctionne que sur IE 6 et Opera (execution sur IE, opera, netscape, mozilla)
dommage, c'est une vraie merveille, SVP qu'un developpeur JS le fixe
merci les amis :)
30 mai 2006 à 09:57
15 mai 2006 à 23:44
Concernant le problème évoqué ci-dessus sur les selects qui restent sur les div, je signale qu'afficher le div sur une iframe marche plutôt bien, pour ceux qui ne seraient pas emballés par l'idée de masquer leurs selects ...
A+.
10 mai 2006 à 15:45
16 févr. 2006 à 21:18
function hideSelects()
{
var i = 0;
var element = document.getElementById("select" + i);
while (element != null)
{
element.style.visibility = "hidden";
i++;
element = document.getElementById("select" + i);
}
}
Lors du masquage du div, procéder de la même manière en réaffectant "visible" à chaque select.
A+.
16 févr. 2006 à 15:51
Cependant, j'ai testé ce script et j'ai un gros soucis qui le rend presque inutilisable :
Si le calendrier doit s'afficher dans une région où il y a une zone de liste (<select>...options...</select>), le contrôle zone de liste s'affiche toujours par dessus le calendrier et gêne le choix éventuel d'une date ou d'un jour particulièr.
Cordialement,
Salutations.