Javascript + lecture XML

**grunk** · 11/02/2007, 22h20

Bonjour à tous,

j'ai pour objectif de lire un fichier xml (de news) pour ensuite via javascript en tirer le titre ainsi que le lien des différentes news.

Etant plutôt novice en JS et Xml j'ai farfouillé un peu sur le net et , je suis arrivé au résultat suivant :

Code :

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
var x = xmlDoc.getElementsByTagName('item');
	var newEl = document.createElement('TABLE');
	var tmp = document.createElement('TBODY');
	newEl.appendChild(tmp);
	var row = document.createElement('TR');
 
	for (i=0;i<x.length;i++)
	{
		var row = document.createElement('TR');
		if (x[i].childNodes[1].nodeType != 1) continue;
		var container = document.createElement('TD');
		var titre = document.createTextNode(x[i].childNodes[1].firstChild.nodeValue);
		container.appendChild(titre);
		row.appendChild(container);
 
		if (x[i].childNodes[1].nodeType != 1) continue;
		var container = document.createElement('TD');
		var lien = document.createTextNode(x[i].childNodes[2].firstChild.nodeValue);
		container.appendChild(lien);
		row.appendChild(container);
 
		tmp.appendChild(row);
	}

Je vous passe la partie ouverture du fichier xml.
Bref j'obtiens sur ma page web une colonne avec les titres et une colonne avec les url.

J'aimerais faire des lienscliquable sur mes titre , en gros au lieu d'avoir :
Mon titre 1 Mon url 1

Avoir :
<a href="Mon url1" > Mon titre 1 </a>

Mais je suis pas fichu d'arriver à ce résultat car titre et lien semble être des objets et je ne peut donc pas les concaténer dans une chaine du genre :

Code :

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

document.write("<a href='" + lien + "'>" + titre + "</a>");

Si quelqu'un à quelques pistes à m'apporter

Merci

**ryan** · 12/02/2007, 00h12

Yop!

Voici le code pour créer un lien dans, par exemple, une div:

Code :

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
 
<html>
<head>
<script language="javascript">
function addlien()
{
 
var la_div = document.getElementById("ma_div");
 
var lien = document.createElement("a");
la_div.appendChild(lien);
 
lien.setAttribute("href","une_page.html");
 
var titre = document.createTextNode("titre");
lien.appendChild(titre);
 
}
</script>
</head>
<body>
 
<a href="javascript:addlien();">Click</a>
<div id="ma_div">
</div>
</body>
</html>

Adapté à ton problème, cela devrait donner quelque chose du genre:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
for (i=0;i<x.length;i++)
{
  var row = document.createElement('TR');
  if (x[i].childNodes[1].nodeType != 1) continue;
  var container = document.createElement('TD');
  row.appendChild(container);
  var lien = document.createElement("a");
  container.appendChild(lien);
  lien.setAttribute("href",x[i].childNodes[2].firstChild.nodeValue);
  var titre = document.createTextNode(x[i].childNodes[1].firstChild.nodeValue);
  lien.appendChild(titre);
}

**grunk** · 12/02/2007, 07h40

Merci beaucoup

C'était finalement pas très compliqué

Javascript + lecture XML

JavaScript

Discussions similaires

Partager

Partager