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

As-tu regardé les messages d'erreur ? Je suppose que non car il y en a un :

Citation:

---

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 ;)

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

regarde en console ...

J'ai regardé en consile mais il n'y a aucune erreur. :?

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:

---

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:

---

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.

je viens d'enlever le setOnLoadCallback mais il ne se passe toujours rien.

Code:

---

google.drawVisualization;

---

est-ce bien à ça que ça doit ressembler ?


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

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

Super merci je vais regardé comment tu as fait.
Merci beaucoup pour ton implication !
Bonne continuation.

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:

---

1 2 3 4

th { font-size: 50px; }

---

ça marche alors que quand je mets:

Code:

---

1 2 3 4

th { background-color:green; }

---

ça ne marche pas
Avez-vous une explication à cela ?

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.

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 ! ;) )

(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.

Moi aussi je l'utilise tous les jours :D

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é