Discussion :

[Pi RD]

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

[Watilin]

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

[Pi RD]

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

[SpaceFrog]

regarde en console ...

[Pi RD]

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

[Watilin]

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.