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

JavaScript Discussion :

Calendrier de disponibilité


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Avatar de Nowwis
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2009
    Messages
    406
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2009
    Messages : 406
    Par défaut Calendrier de disponibilité
    Bonjour à tous !

    J'ai un soucis depuis deux jours pour la création d'un calendrier de disponibilité
    Il faut que l'utilisateur puisse cliquer dans des cases et selon un select (Disponible, Réversé, Fermé) cela place des couleurs dans les cases (bien entedu, il faut que je récupère ces valeurs. (cf calendrier 1)

    J'ai donc décidé d'avoir une structure pour mon calendrier : chaque case est un span qui contient un input de type hidden.
    Lors d'un clic sur un span, je mets la valeur de l'input au choix du select (Disponible -> 1, Réversé -> 2, Fermé -> 3) qui vient de ma base de donnée bien sur et je lui affecte une class (etat_1_pm) et egalement à son voisin (etat_1_am) (cf calendrier 2).

    Le soucis c'est que c'est vite le bordel, ça crée plein de class et du coup j'suis perdu et je n'arrive plus à m'organiser.

    Comme je code ceci depuis deux jours j'ai décidé de me tourner vers vous pour vous demander comment VOUS feriez !

    Merci d'avance !
    Images attachées Images attachées  

  2. #2
    Membre Expert
    Avatar de Loceka
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    2 276
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 2 276
    Par défaut
    Ben je trouve que ton approche est pas mal, j'aurais juste utilisé une table au lieu de span vu que c'est un tableau.

    Et puis si on compte ça fait pas tant de classes que ça : 3 états possibles x 2 demies-journées = 6 classes.

  3. #3
    Membre très actif
    Avatar de Nowwis
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2009
    Messages
    406
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2009
    Messages : 406
    Par défaut
    Ah les tableaux... J'y suis vraiment phobique on m'a formaté... Même quand c'est utile j'aime pas les utilisés. Mais ça serait surement plus simple effectivement, surtout pour naviguer dans les arbres du DOM avec JQuery.

    Bon si c'est un peu plan je vais me lancer dedans... A moins que quelqu'un à une autre solution beaucoup plus efficace !

  4. #4
    Membre Expert
    Avatar de Loceka
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    2 276
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 2 276
    Par défaut
    C'est mal d'utiliser les tableaux pour la présentation parce que ça n'a aucun sens sémantique.

    Sauf que là justement ça a un sens sémantique. Donc ce serait aussi mal de ne pas les utiliser dans ce contexte que d'en utiliser alors qu'ils n'ont pas lieu d'être.

  5. #5
    Membre très actif
    Avatar de Nowwis
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2009
    Messages
    406
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2009
    Messages : 406
    Par défaut
    D'un point de vue logique je te suis tout à fait ! Sauf que mon cerveau lui... xD

    Allez, pour une fois, je vais les utiliser à bon escient !

  6. #6
    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 : 55
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par Loceka
    C'est mal d'utiliser les tableaux pour la présentation parce que ça n'a aucun sens sémantique.
    Certes, mais ce n'est pas la seule raison...
    Les tableaux sont les éléments les plus lourds à gérer pour un navigateur (surtout qu'il est très rare qu'ils soient utilisés de façon optimale) et chaque modification sur le tableau oblige le navigateur à effectuer des reflows. Bref, ils alourdissent bien souvent les performances de la page.
    Mais je te rejoins pour considérer que dans ce cas précis, leur utilisation est justifiée
    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

  7. #7
    Membre très actif
    Avatar de Nowwis
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2009
    Messages
    406
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2009
    Messages : 406
    Par défaut
    Ok.

    Et toi Bovino tu en penses quoi de ma méthode ?
    Est-elle, pour toi, lourd ou adapté ?

    Je cherche à faire le plus évolutif possible (imaginons qu'il y ai 10 états...).

  8. #8
    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 : 55
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par Bovino
    Mais je te rejoins pour considérer que dans ce cas précis, leur utilisation est justifiée
    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

Discussions similaires

  1. [OL-2003] Calendrier des disponibilités
    Par MatAir dans le forum Outlook
    Réponses: 2
    Dernier message: 14/02/2013, 07h25
  2. création d'un calendrier de disponibilité
    Par brice97431 dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 29/05/2012, 15h17
  3. [toFAQ]calendrier perpetuel
    Par philippe_jasmin dans le forum C
    Réponses: 17
    Dernier message: 22/04/2003, 19h04
  4. Delphi et XMLRAD pour un calendrier
    Par Toxine77 dans le forum XMLRAD
    Réponses: 9
    Dernier message: 23/01/2003, 13h56
  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, 21h29

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