Discussion :

[MaxLikeMilf]

Bonjour, je suis entrain de créer un site pour mon boulot.
Je suis pour l'instant en local.

J'ai un fichier XML (un tableau) et j'aimerais l'intégrer à une de mes pages web. J'ai essayé plusieurs solutions proposées sur internet mais rien n'y fais, impossible d'afficher mon tableau XML sur ma page web.
J'espérais que vous pourriez m'aider, voici le code html

Code xml :

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

1
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
<?xml version="1.0"?>
 
-<forbiddenlinks>
<lastupdate>last update: 2018/07/19 04:01:42</lastupdate>
-<table cellspacing="3" cellpadding="4">
 
-<tr>
<td> </td>
</tr>
</table>
 
-<section>
<title>Forbidden Links Section Title</title>
 
-<table cellspacing="3" cellpadding="4" border="1">
 
-<tr>
<th>From Bundle Name</th>
<th>From Bundle Rank</th>
<th>From Class</th>
<th>To Class</th>
<th>To Bundle Name</th>
<th>To Bundle Rank</th>
<th>Link Type</th>
</tr>
 
 
-<tr>
<td>OcsArchi</td>
<td>0</td>
<td>aOcsDeletedEntity</td>
<td>OcsPersonaliserInfo</td>
<td>OcsCardsArchi</td>
<td>5</td>
 
<td>myUses</td>
 
</tr>
 
-<tr>
<td>OcsCardsArchi</td>
<td>5</td>
<td>aOcsFeatureParameterChoice</td>
<td>aOcsMobileKeySet</td>
<td>OcsMobCardsApps</td>
<td>8</td>
<td>myUses</td>
</tr>
 
 
-<tr>
<td>OcsCardsArchi</td>
<td>5</td>
<td>aOcsFeatureParameterChoice</td>
<td>aOcsMobileICCardImage</td>
<td>OcsMobCardsApps</td>
<td>8</td>
<td>myUses</td>
</tr>
 
 
-<tr>
<td>OcsCardsArchi</td>
<td>5</td>
<td>aOcsAPDURegressionLog</td>
<td>OcsRegressionTraceLog</td>
<td>OcsCardAnalyseTools</td>
<td>16</td>
<td>myUses</td>
</tr>
 
 
-<tr>
<td>OcsMobCardsApps</td>
<td>8</td>
<td>aOcsMobileICCardImage</td>
<td>aOcsMobileEmbeddedProfileApplicationImage</td>
<td>OcsMobileCards</td>
<td>12</td>
<td>myUses</td>
</tr>
 
 
-<tr>
<td>OcsMobCardsApps</td>
<td>8</td>
<td>aOcsAPDUMobileRegressionLog</td>
<td>OcsRegressionTraceLog</td>
<td>OcsCardAnalyseTools</td>
<td>16</td>
<td>myUses</td>
</tr>
 
</table>
 
-<table cellspacing="3" cellpadding="4">
-<tr>
<td> </td>
</tr>
</table>
 
-<table cellspacing="3" cellpadding="4" border="1">
 
-<tr>
<th>Analysis</th>
<th/>
</tr>
 
 
-<tr>
<td>Total Number of bundles that do not close = </td>
<td>3</td>
</tr>
 
 
-<tr>
<td>Total Number of forbidden links = </td>
<td>6</td>
</tr>
</table>
</section>
 
</forbiddenlinks>

Je ne connais pas bien javascript, ajax ou jquery, je ne sais donc pas comment je peux faire. Merci beaucoup pour votre future aide.

[psychadelic]

Si structurellement parlant le html et le xml soient proches, il n’esiste aucun moyen magique pour intégrer directement du xml dans une page html.

Soit tu génère ta page HTML depuis le serveur avec une transformation xslt, ou encore via un script PHP, etc, suivant la ou les technos dispo sur le serveur
Soit tu en passe par du JS, possiblement avec de l’ajax, possiblement en jQuery.

Donc, si la question est juste d’avoir une douzaine de ligne de code en JS ou en PHP, ou en langage X, genre les écrire sur un coin de table entre 2 cafés…
Ben, ça va pas le faire, en tout cas pas avec le peu d’info que tu donnes ici, d’ailleurs, à vu de nez ça va demander pas mal de coins de table

[psychadelic]

pourquoi je réponds ?, visiblement MaxLikeMilf récupère ou non sa réponse sans ce soucier de l'aide apportée..

[MaxLikeMilf]

Bonjour,

Désolé j'avais complètement oublié mon post. Je vais essayer de voir avec jquery ce que je peux faire.
Merci de ta réponse

[MaxLikeMilf]

Du coup j'ai regardé un peu sur internet les manières d'insérer un tableau d'un XML sur du HTML. J'ai vu JQUERY, AJAX ect.... mais je ne comprends pas vraiment comment faire.
J'ai déjà un fichier XML avec les <td> <tr> ect, je veux juste implanter cela dans du HTML pour que mon tableau apparaisse sur ma page web.

J'ai besoin d'un peu d'aide, merci d'avance <3

[psychadelic]

en espérant que cette fois j'aurais un retour (même s'il est succin)

Sinon, je fais plus de jQuery, je suis passé à ES6, et passer de l'un à l'autre me fait des noeuds dans le cerveau.

Donc voici une solution vite fait en JS ( testée)

Code html :

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

1
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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>insertion données XML</title>
  <style>
    caption { padding: 10px; caption-side: bottom; font-weight: bold; }
    table {
        border-collapse: collapse;
        border: 2px solid #c8c8c8;
        letter-spacing: 1px;
        font-family: sans-serif;
        font-size: .8rem;
    }
    td, th { border: 1px solid #bebebe; padding: 7px 5px; }
    thead td { background-color: #ebebeb;  }
    tbody td { text-align: center; }
  </style>
</head>
 
<body>
  <p><button id="Bt-Lecture">lecture XML</button></p>
 
  <table id="from-XML">
      <caption></caption>
      <thead></thead>
      <tbody></tbody>
    </table>
 
  <script>
 
    const 
      refFileXML     = 'tC.xml',          //  url relatif du fichier xml
      c_TableCaption = document.querySelector('#from-XML caption'),
      c_TableHead    = document.querySelector('#from-XML thead'),
      c_TableBody    = document.querySelector('#from-XML tbody')
    ;
 
    document.querySelector('#Bt-Lecture').onclick = function()
    {
      let
        xhr = new XMLHttpRequest();
 
      xhr.open("GET", refFileXML, true); 
 
      xhr.responseType = 'document';
      xhr.overrideMimeType('text/xml');
 
      xhr.onload = function () {
 
        c_TableCaption.textContent = xhr.responseXML.querySelector('section title').textContent;
 
        xhr.responseXML.querySelector('section table').querySelectorAll('tr').forEach(ligneTR=>{
 
          let
            n_Cells   = ligneTR.querySelectorAll('th,td'),
            TablePart = n_Cells[0].tagName.match('th') ? c_TableHead : c_TableBody,
            row       = TablePart.insertRow(-1)
          ;
 
          n_Cells.forEach( (xCell,noCol)=>{
            row.insertCell(noCol).textContent = xCell.textContent;
          })
 
        }) // forEach(ligneTR
      };
      
      xhr.onerror = function () {
        return reject(xhr.statusText);
      };
 
      xhr.send(null);
 
    } // #Bt-Lecture').onclick
 
  </script>
</body>
</html>