récupérer le contenu d’une balise dans un fichier

**geforce** · 25/08/2010, 18h09

Bonjour,

Je cherche un moyen pour récupéré le contenu d’une balise dans un fichier .htm (ce fichier est externe, je ne peux pas lui ajouter de code), Je n’es que le chemin pour accéder.

J’ai trouver ce tuto qui est « Lire un fichier XML avec jQuery » qui est bon mais pas ce que je recherche puisque il ne permet pas de le faire avec des balise HTML.

Donc je cherche un équivalant pour du HTML avec JQuey, normalement sa doit exister ?

Cordialement

**SpaceFrog** · 25/08/2010, 18h30

externe oui ... mais sur le même domaine ?

**geforce** · 25/08/2010, 23h21

Envoyé par SpaceFrog

externe oui ... mais sur le même domaine ?

oui. (sur le même site)

**SpaceFrog** · 26/08/2010, 08h15

avec ajax tu recupèreras dans le data le code html de la page...
reste à le parser
le principe de recupération du fichier est exactement le meêm que pour la methode xml. la seule différence est que tu ne recupères pas un objet xml exploitable directement par javascript, mais un string.
Tu peux donc soit parser le string avec des methodes associées au texte (subsrt replace regexp ...) ou essayer de mettre ce texte en contenu d'un iframe cahcé ou document fragment pour essayer d'utilser les methodes du DOM

**geforce** · 26/08/2010, 15h33

Oui, MAIS le fichier quand il à du contenu html n'est même pas charger.

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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  <head>
    <title>Lire un fichier XML avec jQuery</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
    <script type="text/javascript" src="jquery-1.4.2.js"></script>
 
    <script type="text/javascript">
 
 
	$(document).ready( function()
	 {
	  alert ($('#Div_XML').html());
 
	   $.ajax( {
				type: "GET",
				url: "sites.html",
				dataType: "xml",
				success: function(xml) 
						 {
 
						  alert("success File Open");
						  //$('p')
						   $(xml).find('p').each(   
							 function()
							 {
 
								/*var id = $(this).attr('id');
								var title = $(this).find('title').text();
								var url = $(this).find('url').text();
								$('<div class="items" id="link_' + id + '"></div>').html('<a href="' + url + '">' + title + '</a>').appendTo('#Div_XML');
								$(this).find('desc').each(
												function()
												{
													var brief = $(this).find('brief').text();
													var long = $(this).find('long').text();
													$('<div class="brief"></div>').html(brief).appendTo('#link_'+id);
													$('<div class="long"></div>').html(long).appendTo('#link_'+id);
												});*/
							  });
						  }
			});
	  }
	);
    </script>	
 
  </head>
  <body>
 
    <div id="Div_XML">test id Div_XML</div>
 
  </body>
</html>