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

Version imprimable

25/08/2010, 18h09
geforce

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

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
25/08/2010, 18h30
SpaceFrog

externe oui ... mais sur le même domaine ?
25/08/2010, 23h21
geforce

Citation:

Envoyé par SpaceFrog

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

oui. (sur le même site)
26/08/2010, 08h15
SpaceFrog

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

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

Code:

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>

il y a pas de "success File Open" :bug:

26/08/2010, 15h47
SpaceFrog

Code:

dataType: "xml",

:roll: