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

Vue hybride

Discussions similaires

Partager

Partager