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.

[Pi RD]

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/

[Watilin]

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

[Pi RD]

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

[Pi RD]

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 ?

[Watilin]

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.

[Pi RD]

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

[Watilin]

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

[Pi RD]

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�