Discussion :

[K.reen]

Bonjour,

Je cherche à afficher le résultat d'un formulaire sur un diagramme circulaire.
J'ai donc construit un fichier .js pour construire le graphe qui fonctionne parfaitement en local :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<canvas id="pie" width="800" height="500"></canvas>
<script  src="./camembert.js"></script>

Mais quand j'essaie d'exécuter ce code dans ma fonction php, rien ne s'affiche :

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
	echo "<canvas id='pie' width='800' height='500'></canvas>";
	echo "<script  src='./camembert.js'></script>";

Donc je me suis dit que je devais d'abord extraire la fonction du fichier JS mais je ne comprends pas comment marche la fonction nécessaire ni même si j'ai utilisé la bonne :

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

wp_enqueue_style( 'drawPieChart',  ./'camembert.js', array() );

Est-ce que quelqu'un voit quelque chose dans le code ou dans mon raisonnement qui expliquerait qu'aucun diagramme ne s'affiche ?

Merci d'avance

[mathieu]

si vous utilisez la réécriture d'URL de WordPress vous aurez des URL dans le genre site.com/resultats-2009/analyse-pack-sport.
et donc le chemin src=./camembert.js va cherche le fichier site.com/resultats-2009/camembert.js qui n'existe donc pas.

la 1re chose à voir est si le fichier camembert.js est dans une extension ou dans un thème ?

[K.reen]

J'ai placé le fichier .js au même endroit que le fichier contenant la requete php donc dans le thème.
Ca me semblait logique vu comment le chemin est mentionné.
Mais je ne trouve aucun répertoire "résultats".

[mathieu]

c'est le navigateur qui résout ces chemins relatifs et le navigateur n'a pas accès aux chemins des fichiers sur le serveur, il voit uniquement l'adresse site.com/resultats-2009/analyse-pack-sport.

si vous rangez les fichiers dans un répertoire "js", vous pouvez utiliser ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
add_action("wp_enqueue_scripts", function () {
 
	wp_enqueue_script(
		  "camembert"
		, get_template_directory_uri() . "/js/camembert.js"
	);
 
 
});

ensuite pour vérifier que le fichier est bien chargé, regardez le code source de la page et regardez aussi l'onglet "Réseau" de la console de développement de votre navigateur.
par exemple avec Firefox, faites Ctrl + Maj + E
https://developer.mozilla.org/fr/doc...ur_r%C3%A9seau

[K.reen]

Donc reprenons :
J'ajoute le code add_action dans le fichier functions.php ou directement dans ma fonction php ?

Dois-je appeler cette fonction "camembert" avant les echo des balises pour les lancer ou c'est inutile ?

Ensuite, je pourrais sûrement chercher où se trouve le répertoire où je dois déposer le fichier js en inspectant le code source de la page générée...

Merci pour votre aide

[mathieu]

il vaut mieux charger ce fichier javascript seulement quand vous en avez besoin.
comment utilisez vous cette fonction ? dans un shortcode ou dans un template ?