IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Contribuez Discussion :

Calendrier V3 ! BETA /!\ [Sources]


Sujet :

Contribuez

  1. #1
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut Calendrier V3 ! BETA /!\
    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
    Fichiers attachés Fichiers attachés
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 416
    Points
    91 416
    Billets dans le blog
    20
    Par défaut


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

    EDIT : Mise à jour de la page d'exemple le 25/09/2010
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    383
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Février 2009
    Messages : 383
    Points : 658
    Points
    658
    Par défaut
    La technique pour changer le mois et l annee est vraiment bien!

    Nice!
    Un petit si la réponse convient. Merci.

  4. #4
    Nouveau Candidat au Club
    Inscrit en
    Juin 2006
    Messages
    1
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 1
    Points : 1
    Points
    1
    Par défaut
    Trés joli le même en intrusif et je tombe amoureux de toi

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 416
    Points
    91 416
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par vincent2208 Voir le message
    le même en intrusif et je tombe amoureux de toi
    quel intérêt de l'avoir en intrusif ???
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    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
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

  7. #7
    Membre à l'essai
    Inscrit en
    Mars 2003
    Messages
    20
    Détails du profil
    Informations forums :
    Inscription : Mars 2003
    Messages : 20
    Points : 19
    Points
    19
    Par défaut
    Exactement ce que j'ai besoin

    Tres Grand Merci.

  8. #8
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Bonsoir.

    Je viens de regarder la demo http://javascript.developpez.com/demos/Calendrier-v3/

    Quatre petites remarques :
    1) Dans le dernier input : 29/02/2008 s'écrit 2/29/2008. C'est voulu ?

    2) Le passage du calendrier à la liste des années n'est pas toujours fluide, disparition de la liste 1 fois sur 3. [EDIT]Je viens de comprendre, la liste disparaît lorsqu'au passage du calendrier à la liste des années on touche la flèche en haut de la liste.[/EDIT] Il faut cliquer sur la petite flèche pour accéder aux années précédentes ou suivantes, un effet de survol ne serait pas plus souple ?

    3) Si on arrivait à centrer le libellé de la date entre les deux flèches, ce serait beaucoup plus joli.

    4) On ne peut pas cliquer sur une date du mois précédent ou du mois suivant. C'est voulu ?

    Cordialement, Daniel.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  9. #9
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    Quatre petites remarques :

    1) Dans le dernier input : 29/02/2008 s'écrit 2/29/2008. C'est voulu ?

    2) Le passage du calendrier à la liste des années n'est pas toujours fluide, disparition de la liste 1 fois sur 3. [EDIT]Je viens de comprendre, la liste disparaît lorsqu'au passage du calendrier à la liste des années on touche la flèche en haut de la liste.[/EDIT] Il faut cliquer sur la petite flèche pour accéder aux années précédentes ou suivantes, un effet de survol ne serait pas plus souple ?

    3) Si on arrivait à centrer le libellé de la date entre les deux flèches, ce serait beaucoup plus joli.

    4) On ne peut pas cliquer sur une date du mois précédent ou du mois suivant. C'est voulu ?
    1 => oui il s'agit du format anglais , mais je n'avais pas vu qu'il manquait le 0 devant le 2

    2 => je regarderais pour le rendre plus "stable"

    3 => effectivement, il faudrait positionner les éléments mais pas possible en css car les tailles sont variables

    4 => oui c'est voulu ça obligerais a calculer quels sont les mois suivant et précédent à l'avance ^^

    Merci pour les remarques
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

  10. #10
    Expert confirmé
    Avatar de vodiem
    Homme Profil pro
    Vivre
    Inscrit en
    Avril 2006
    Messages
    2 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Vivre
    Secteur : Conseil

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 895
    Points : 4 325
    Points
    4 325
    Par défaut
    salut à tous,

    c'est sympas.
    ca pourrait être plus intuitif comme le signale danielhagnoul, de plus:
    . je trouve pas très logique qu'en aout lorsqu'on choisi dans la liste des mois, un mois précédent cela défile de droite à gauche alors que c'est antérieur.
    . lorsqu'on quitte le survole de l'année la liste des années disparait ce qui est logique mais c'est pas très pratique si on fait un déplacement non pas verticale mais diagonale: souvent la liste disparait. cela doit correspondre au pb 2 signalé par danielhagnoul, je pense qu'une temporisation sur la fermeture serait appréciable.
    . si on ne peut pas sélectionner dans la liste les chiffres des mois suivant ou précédent, je pense qu'il serait logique de ne pas les mettre.
    . je trouve personnellement le choix de fixer le jour qq soit le mois pas très pertinent.
    . bugs observés sous FF3.5:
    - lorsqu'on sélectionne de facon alternatif la liste des mois et la flèche de mois sans laisser se terminer le défilement, à un moment l'affichage bug.
    - lorsqu'on ouvre la liste des années, qu'on clique pour défiler et que l'on sort avant la fin du défilement, lorsqu'on revient dans la liste pour faire défiler: ca bug.

    pour le centrage de la date entre les flèches:
    .mCalandarMain .mCalandarheader .mInfo {... text-align:center ...}
    .mCalandarMain .mCalandarheader .mInfo li {... display:inline ... } et retirer le float:left.
    .mCalandarMain .mCalandarheader .mInfo .mois li, .mCalandarMain .mCalandarheader .mInfo .annee ul li {... display:block ...}

    bravo et bon courage,

  11. #11
    Futur Membre du Club
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 9
    Points : 7
    Points
    7
    Par défaut
    vraiment très bon ce calendrier !
    quelques petites choses qui pourraient encore être améliorées (je pense que toutes les suggestions possibles ont déjà été énoncées ci-dessus), mais c'est pour l'instant le meilleur que j'aie trouvé

    j'ai remarqué un truc plutôt étrange sous Firebug, des classes nommées "undefined" sont ajoutées à plusieurs <li>, a priori sans raison

  12. #12
    Membre du Club
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Décembre 2009
    Messages
    46
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Décembre 2009
    Messages : 46
    Points : 52
    Points
    52
    Par défaut
    Bonne année a tous.

    Voici un script tres sympa qui va bien m'aider dans mon formulaire.
    Un petit hic par contre de mon coté : je n'arrive pas a faire en sorte que les "é" s'affichent correctement. quand je pose mes beaux &eacute; a la place et bien ca me marque bien &eacute; et non mon petit é que je voudrais tant !!.

    auriez vous un moyen pour bien les afficher? pour le moment la seule parade que j'ai trouvé c'est d'enlever tout simplement les accents ^_^.

    merci d'avance.

  13. #13
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    Salut a tous :-)

    tous d'abord merci pour vos commentaires j'en ai bien pris note, mais faute de temps (perso / pro) je ne peux effectuer de mise a jour complète, merci à vodiem pour le css effectivement il corige parfaitement le centrage du titre de la date, il ne me restera qu'à ajouter les events pour ie6 ^^

    concernant le problème de vlakoff aucune idée du pourquoi :-/


    pour Hotei il s'agit d'un problème d'encodage de ta page , quel est le charset utilisé ??
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

  14. #14
    Membre à l'essai
    Développeur informatique
    Inscrit en
    Mars 2007
    Messages
    9
    Détails du profil
    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Mars 2007
    Messages : 9
    Points : 15
    Points
    15
    Par défaut
    très sympa hehe ) merci

    édit : On peut avoir le n° des semaines ?

  15. #15
    Membre du Club
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Décembre 2009
    Messages
    46
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Décembre 2009
    Messages : 46
    Points : 52
    Points
    52
    Par défaut
    Bonjour merci pour ces reponses.
    En effet, mauvais charset de mon coté. je suis en iso-8859-1. cependant, quand je change en utf8, ca m'affiche bien les accents dans le calendrier mais tout le reste de ma page qui comporte des ç et é m'affiche plein de cochoncetées. donc la vraie seule solution trouvée pour lem oment reste le retrait pur et simple des accents ansi que du û sur le mois d'aout.

    petit souci par contre une fois la date centrée grace au css : donné plus haut,
    .mCalandarMain .mCalandarheader .mInfo {... text-align:center ...}
    .mCalandarMain .mCalandarheader .mInfo li {... display:inline ... } et retirer le float:left.
    .mCalandarMain .mCalandarheader .mInfo .mois li, .mCalandarMain .mCalandarheader .mInfo .annee ul li {... display:block ...}
    je n'ai plus acces au menus qui s'affichent. est ce moi? ou une autre modif doit etre effectuée pour ne pas avoir ce probleme?

    désolé de ces questions de noob mais étant moi meme pas tres avancé en developpement... je ne trouve pas les solutions facilement.

    merci.

  16. #16
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    Re ,

    Caledonien , heu non pas de numéros de semaines gérées ( mais si tu trouves la motivation pour mettre les mains dans le cambouis )

    Hotei : peux tu mettre un screenshot de ton problème ? ou le code complet de la page qui pose problème ? voir un exemple en ligne
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

  17. #17
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut POST MIS A JOUR
    L'archive de la première page a été mise a jours avec une correction de bug ( champs date vide )
    - ajout du centrage de la date

    ( merci a tous )
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

  18. #18
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    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.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  19. #19
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    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
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

  20. #20
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 1
    Points : 1
    Points
    1
    Par défaut
    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

Discussions similaires

  1. Utilisation d'un calendrier (Contrôle ActiveX)
    Par MultiClic dans le forum IHM
    Réponses: 40
    Dernier message: 12/07/2006, 16h11
  2. disparition activeX calendrier
    Par djool dans le forum Access
    Réponses: 10
    Dernier message: 26/01/2005, 13h31
  3. [toFAQ]calendrier perpetuel
    Par philippe_jasmin dans le forum C
    Réponses: 17
    Dernier message: 22/04/2003, 20h04
  4. Delphi et XMLRAD pour un calendrier
    Par Toxine77 dans le forum XMLRAD
    Réponses: 9
    Dernier message: 23/01/2003, 14h56
  5. Calcul des numéros de semaine d'un calendrier
    Par Invité dans le forum Algorithmes et structures de données
    Réponses: 4
    Dernier message: 06/11/2002, 22h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo