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 :

Mettre une date dans une variable


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2015
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2015
    Messages : 26
    Par défaut Mettre une date dans une variable
    Bonjour,
    J'ai un code disponible ici: http://codepen.io/PiR1/pen/QbgKzM
    Qui me permet normalement de chercher des informations dans une spreadsheet Google en fonction d'une date que je rentre mais le problème est que ma date ne rentre pas dans ma variable.
    J'ai essayé d'afficher ma variable mais il n'y a rien.
    Comment faire ?
    Merci d'avance

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    As-tu regardé les messages d'erreur ? Je suppose que non car il y en a un :
    ReferenceError: madate is not defined
    Et si tu ne comprends pas pourquoi l'indicateur de chargement de la page n'arrête pas de tourner, c'est à cause de document.write.

    Je te donne un gros conseil : appuie sur F12, tu verras la console. Elle t'affiche les messages d'erreur et elle te permet aussi de logger des informations de débogage si tu remplaces document.write par console.log.

    Pour ton problème, maintenant que tu as le message d'erreur, tu devrais trouver. Je te laisse chercher
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2015
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2015
    Messages : 26
    Par défaut
    Merci pour votre réponse, j'ai décalé ma variable en haut de fonction mais maintenant plus rien ne se passe quand j'appuie sur GO

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    regarde en console ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2015
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2015
    Messages : 26
    Par défaut
    J'ai regardé en consile mais il n'y a aucune erreur.

  6. #6
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    Il semblerait que tu aies mal compris une ou deux choses sur les évènements. J'ai regardé à nouveau ton codepen et j'y ai vu des changements, donc je suppose que tu as continué à travailler avec.

    En l'état, voilà la structure générale de ton script :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function go() {
      var madate = document.getElementById('date').value;
      ...
     
      function drawVisualization() { ... }
     
      function handleQueryResponse(response) { ... }
     
      google.setOnLoadCallback(drawVisualization);
    }
    La fonction go est appelée lors d'un clic sur le bouton Go.

    Le problème c'est le setOnLoadCallback : il attache une fonction sur l'évènement de chargement de la page. Lorsque l'utilisateur clique sur le bouton, la page est déjà chargée, donc la fonction drawVisualization ne sera jamais appelée.

    setOnLoadCallback est un gestionnaire de load à la sauce Google. En gros, il est équivalent à :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.addEventListener("load", drawVisualization, false);
    Comme tout gestionnaire de load, il sert dans le cas où tu veux attacher des gestionnaires d'évènement (par exemple click) sur les éléments HTML, depuis le code JavaScript. Dans ton cas, l'évènement est géré avec un attribut onclick directement dans le code HTML, donc tu n'as pas besoin de setOnLoadCallback.
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  7. #7
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2015
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2015
    Messages : 26
    Par défaut
    je viens d'enlever le setOnLoadCallback mais il ne se passe toujours rien.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
      google.drawVisualization;
    est-ce bien à ça que ça doit ressembler ?


    Vous pouvez voir comment ça marche normalement: http://codepen.io/anon/pen/JdJYXW/

  8. #8
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    En écrivant tout à l'heure j'ai forké ton codepen pour vérifier que je ne racontais pas trop de bêtises. Je ne voulais pas te donner la solution toute cuite, mais peut-être que ça t'aidera mieux que mes explications finalement : http://codepen.io/anon/pen/aOwQGJ
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  9. #9
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2015
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2015
    Messages : 26
    Par défaut
    Super merci je vais regardé comment tu as fait.
    Merci beaucoup pour ton implication !
    Bonne continuation.

  10. #10
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2015
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2015
    Messages : 26
    Par défaut
    Une dernière question,
    j'aimerais changer le css de ma table mais lorsque je change des propriétés dans mon css exemple
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    th
    {
    	font-size: 50px;
    }
    ça marche alors que quand je mets:
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    th
    {
    	background-color:green;
    }
    ça ne marche pas
    Avez-vous une explication à cela ?

  11. #11
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    Il y a deux causes possibles :
    1. Un élément contenu dans le <th> a lui-même une couleur de fond
    2. Il y a une autre règle qui applique une background-color sur les <th> et qui est prioritaire sur la tienne. Voir priorité des sélecteurs CSS.
      De plus, il peut y avoir seulement une background-image ; dans ce cas ta couleur n'est pas supprimée, elle est simplement « en-dessous » de l'image. On peut toujours la voir si l'image a des parties transparentes.
      Enfin, la propriété background tout court est une propriété raccourcie qui redéfinit entre autres background-color et background-image en même temps.
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  12. #12
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2015
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2015
    Messages : 26
    Par défaut
    D'accord merci.
    Je pense que google applique ces propres propriétés CSS.
    (je vois que vous utilisez Duckduckgo, très bon moteur de recherche ! )

  13. #13
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    (J'ai édité mon message précédent pendant que tu répondais pour ajouter des précisions.)

    J'utilise DuckDuckGo tous les jours

    Avec la console, dans l'onglet « Inspecteur », tu peux voir quels styles sont appliqués à un élément, et de quel fichier viennent ces styles. C'est très pratique !

    En l'occurence, les <th> reçoivent en effet un style de Google : un linear-gradient, qui est un type de background-image.
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  14. #14
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2015
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2015
    Messages : 26
    Par défaut
    Moi aussi je l'utilise tous les jours

    J'ai effectivement regardé dans la console lors de ton précédent message, c'est là où j'ai vu que google utilisé déjà cette propriété

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [MySQL] insérer une date dans une table dans un format compréhensible
    Par laurentSc dans le forum PHP & Base de données
    Réponses: 13
    Dernier message: 16/08/2014, 11h10
  2. insérer une date dans une table dans un format compréhensible
    Par laurentSc dans le forum Langage SQL
    Réponses: 5
    Dernier message: 08/08/2014, 16h31
  3. mettre un swf dans une iframe dans une page html
    Par petitevero dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 16/04/2011, 02h58
  4. Recherche une valeur d'une cellule dans une colonne d'une autre feuille
    Par kourria dans le forum Macros et VBA Excel
    Réponses: 8
    Dernier message: 21/06/2007, 13h48
  5. Inserer une date d'une table dans une autre table
    Par petitetre dans le forum Langage SQL
    Réponses: 8
    Dernier message: 18/04/2007, 20h16

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