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
Camembert sous xsl
Bonjour,
J'ai dans un fichier html ceci :
La page charge donc un fichier xml, et le met en forme par le biais d'un fichier xsl.
Code : Sélectionner tout - Visualiser dans une fenêtre à part <body onload="transform(loadXML(nom), loadXML('index.xsl'), 'transform')">
J'aimerai maintenant pouvoir mettre en forme les données traitées dans le fichier xsl sous la forme d'un graphique et plus particulièrement d'un camembert.
Merci d'avance.
Le gros du boulot va se faire avec JavaScript, pas XML. Tu devrais trouver ce dont tu as besoin avec google html5 charts.
Je peux exécuter du code js dans un fichier xsl ?
Car j'ai essayé en mettant les balises <script> et en faisant juste un alert() mais ça ne fonctionnait pas :/
Non, le code doit être indépendant de XSL, il doit s'exécuter après que la transformation ait été faite, sur les données extraites par la transformation. Enfin, par exemple, mais tout dépend de la situation précise.
J'ai un énorme fichier xml concernant des stats machines.
Chaque page html fait appel à une feuille xsl pour chaque stats ( Analyse des arrêts, bilan de production, ... )
Dans le cadre de mon stage, on me demande d'ajouter un camembert à ces interprétations.
Donc la page html, fait un OnLoad sur la page xls. Mais je ne vois pas comment récupérer les informations délivrées par le xsl...
Je n'avais jamais vu de fichier xml/xsl auparavant donc je suis un peu perdu
Navré, mais tansform() et loadXML() sont inconnus au bataillon. Il faut demander à leurs auteurs comment on peut faire des trucs sur leurs résultats une fois qu'elles ont terminé.
Voici le résultat du traitement xsl de mon fichier xml :
Je voudrais avoir un graphe comme celui-ci :
Je veux donc récupérer le noms des arrêts sauf pour TOTAL ARRET et TOTAL ARRET AM car 100% et la durée totale de chacun.
Mon code xsl :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
Super, mais le premier ressemble beaucoup à une image et pas du tout à du code exploitable. Pour être plus précis, la question serait, où se trouve le code exploitable, c'est important pour savoir comment y accéder.
Le code exploitable pour le graphique se trouve dans mon fichier xml.
Le fichier xsl ne fait que le mettre en forme si j'ai bien compris.
Le fichier xml étant de cette forme :
Merci de m'aider je suis vraiment à l'ouest sur tout sa, de plus aucune documentation n'est fournis...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
Petit up ! Personne n'aurait des éléments de réponses à apportaient à mon problème ?
La question que j'ai posée, c'est comment on accède aux résultats de la transformation. Qu'est-ce que font transform() et loadXML(), quoi.
Et si je l'ai posée, c'est parce que c'est comme ça que tu auras des données à donner à une bibliothèque de graphiques JavaScript.
Le reste, ça nous avance pas.
Le transform() et le loadXML() charge la mise en page du fichier xml dans une div sur la page courante.
Fichier html -> OnLoad -> Xsl qui met en forme du xml dans une div du html
je ne récupère donc aucune données dans mon fichier html.
Il est impossible de faire un graphe avec xsl ? Car j'ai réalisé ce bout de code en xsl :
Et c'est les informations que je veux dans mon camembert, c'est à dire le nom des arrêts et leurs durées.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
Super. Curieusement je m'en étais douté. Il le fait comment ? Où sont insérées les données obtenues ? Tu en as besoin.Envoyé par Kazumi
À mon humble avis le tableau que tu nous as montré ne s'est pas retrouvé là par l'opération du saint esprit. Les données sont bel et bien dans la page chargée, même si, admettons, pas dans le fichier HTML.
Faire un graphe avec xsl n'est pas impossible à proprement parler, juste stupide. Il "suffit" de générer un SVG qui représente le graphe en question.
Il vaudrait mieux extraire les données du graphe avec XSLT, pour ensuite générer le graphe avec autre chose. Ici, une bibliothèque de graphes JavaScript ça a l'air bien.
Content pour toi que tu aies réussi à faire un code XSLT qui extrait ces données, mais il me semble que transform() s'en occupait déjà, donc je vois pas ce que ça t'apporte que tu n'avais pas avant.
-> Le code n'est pas de moi, pas de documentation fournie, ni de commentaires. Tout ce que je peux te dire c'est que le résultat de ma page xsl vient se mettre dans un <div> de ma page html.Super. Curieusement je m'en étais douté. Il le fait comment ? Où sont insérées les données obtenues ? Tu en as besoin.
-> Oui les informations sont construit et obtenus par le biais du fichier xsl, donc dans la page chargée puisque la page html charge le contenu de ce fichier dans une <div> pour l'afficher.À mon humble avis le tableau que tu nous as montré ne s'est pas retrouvé là par l'opération du saint esprit. Les données sont bel et bien dans la page chargée, même si, admettons, pas dans le fichier HTML.
Maintenant, j'ai mon code XSLT qui me récupère les données qui m’intéresse pour mon camembert, quel est l'étape suivante ?
Mettre ces données dans un tableau JavaScript, donner ce tableau à une bibliothèque de générations de graphes JavaScript.
C'est justement cette étape qui me pose problème... Puisque je ne peux pas mettre de js dans mon code xslt, comment faire le lien entre les deux ?
La <div> qui contient les données. Tu vas y chercher les données. Avec getElementById() et tout le toutim.
... Enfin, si je commence à comprendre ton système, tu pourrais juste faire un tableau JavaScript avec ton XSL. Ce JavaScript se retrouvera alors visible dans la page, sauf que à ce moment-là un script va chercher son texte dans la page, le convertit en un vrai tableau avec JSON.parse(), et efface le texte. Ça évite une étape inutile, de convertir un tableau HTML en tableau JavaScript alors que tu pouvais faire le tableau JavaScript directement.
Je ne vois pas du tout comment je pourrai récupérer des données de ma div avec js
La div reçoit le résultat du fichier xsl, donc je ne peux pas être précis au niveau de mon getElementById...
Je ne peux pas faire ce camembert avec xslt ? Ça serait tout de même plus simple dans mon système.
Code : Sélectionner tout - Visualiser dans une fenêtre à part var test = document.getElementById("transform").value;
En apprenant JavaScript, peut-être ? Ça risque d'être important si tu veux faire du web.Je ne vois pas du tout comment je pourrai récupérer des données de ma div avec js
S'il te manque des données d'identification, ajoute-les. Mais bon, la div elle-même ne devrait pas être difficile à trouver, et ce qui t'intéresse, c'est son contenu, avec nombres et labels. Je vois pas où est le problème.
XSLT produit du texte, pas des graphes. Un outil capable de transformer ce texte en graphe est donc inévitable. Alors ça peut être n'importe quoi, mais à mon avis le plus simple dans ton cas, c'est une bibliothèque de graphes JavaScript.
En faisant ce code tout bête, ça me retourne [object]. Comment puis-je corriger mon erreur pour obtenir l'ensemble du contenu ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
4
5
6
7
Merci encore pour ton suivi thelvin
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Répondre avec citation
Partager