[DOM] Boucle sur les titres hi d'un document xhtml

**Doc_xhtml** · 21/11/2011, 14h37

Bonjour,

Comment puis-je définir en DOM ou DOM + Xpath une boucle prenant en compte tous les titres h1, h2, h3... d'un document xhtml dans l'ordre dans lequel ils sont placés, indépendamment de leur hiérarchie ? (Par exemple h1, h2, h3, h3, h3, h2, h3, h3, h1...)

Grand merci d'avance

**Séb.** · 21/11/2011, 19h42

Fais un XPath :

//h1|//h2|//h3|//h4|//h5|//h6

**Doc_xhtml** · 21/11/2011, 20h46

Merci Séb pour ta réponse.

Effectivement, c'est la solution la plus simple, compte tenu du faible nombre de niveaux de titre prévus (je n'utilise jamais plus de 5 niveaux).

**Doc_xhtml** · 22/11/2011, 03h02

Bonjour,

Petite difficulté cependant :

Si j'effectue la recherche sur tout le document,

Code :

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

1
2
$query = "//h1|//h2|//h3|//h4|//h5";
titles = $doc_xpath -> query($query);

je récupère bien tous les titres.

Si par contre, j'effectue la recherche sur une div contenant le document principal,

Code :

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

1
2
$query = "div[@id = 'Document']//h1|//h2|//h3|//h4|//h5";
$titles = $doc_xpath -> query($query);

j'obtiens les titres à partir seulement de h2.

Comment dois-je libeller $query pour que tous les titres de la div soient vus ?

**stealth35** · 22/11/2011, 11h04

comme ça

Code :

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

div[@id = 'Document']//*[self::h1|self::h2|self::h3|self::h4|self::h5|self::h6]

**Doc_xhtml** · 22/11/2011, 13h20

Merci Stealth

J'ai toujours grand plaisir à voir répondre le Maître !

Malheureusement la solution que tu proposes ne semble pas fonctionner : aucun titre n'est sélectionné.

Il semble que c'est la transition div[@id = 'Document']//* (et plus généralement div[@id = 'Document']//quelque chose) qui pose problème :

Code :

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

$query = "div[@id = 'Document']//*";

ne sélectionne aucun noeud.

**stealth35** · 22/11/2011, 15h14

montre la source

**Doc_xhtml** · 22/11/2011, 16h14

Il n'y a a priori pas de code particulier.

La partie principale (div "Document") est structurée à l'aide de div "Section" imbriquées, chaque section correspondant à un niveau de titre (je reproduis ci-dessous cette structure en me limitant au niveau 2) :

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
<body>
	<div id="Document>
		<div class="Section">
			<h1>Titre de niveau 1</h1>
			<div class="Section">
				<h2>Titre de niveau 2</h2>
				Texte
			</div>
			<div class="Section">
				<h2>Titre de niveau 2</h2>
				Texte
			</div>
		</div>
		<div class="Section">
			<h1>Titre de niveau 1</h1>
			<div class="Section">
				<h2>Titre de niveau 2</h2>
				Texte
			</div>
			<div class="Section">
				<h2>Titre de niveau 2</h2>
				Texte
			</div>
		</div>
	</div>
</body>

Important : Cette structure en div imbriquées est celle que je préconise pour mes utilisateurs car elle permet de mieux visualiser l'organisation du document à l'écran. Les utilisateurs peuvent s'ils le désirent écrire leur documentation sans définir de structure

Code :

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

1
2
3
4
5
6
7
8
<h1>Titre de niveau 1</h1>
Texte
<h2>Titre de niveau 2</h2>
Texte
<h2>Titre de niveau 2</h2>
Texte
<h1>Titre de niveau 1</h1>
Texte

ou mixer les deux approches (certaines parties structurées à l'aide de div "Section", d'autres écrites directement).

Le code d'essai est basique :

Code :

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

1
2
3
4
$query = "div[@id = 'Document']//*";
$titles = $doc_xpath -> query($query);
foreach($titles as $title)
	{echo $title -> nodeName . " " . $title -> nodeValue . "\n";}

Mais rien n'est affiché !

**stealth35** · 22/11/2011, 16h25

faut mettre // devant ton div

**Doc_xhtml** · 22/11/2011, 16h47

Merci Stealth !

Ça marche parfaitement avec le code que tu m'as indiqué :

Code :

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

$query = "//div[@id = 'Document']//*[self::h1|self::h2|self::h3|self::h4|self::h5|self::h6]";

J'obtiens bien tous les titres de la div "Document"

Je commence à avoir les réflexes DOM (après un apprentissage quelque peu difficile

) mais je n'ai pas encore les réflexes Xpath.

Merci encore

PS : Le code proposé par Séb

Code :

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

$query = "//div[@id = 'Document']//h1|//h2|//h3|//h4|//h5|//h6";

fonctionne tout aussi bien. Merci Séb !

**Doc_xhtml** · 22/11/2011, 17h41

Envoyé par Doc_xhtml

PS : Le code proposé par Séb

Code :

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

$query = "//div[@id = 'Document']//h1|//h2|//h3|//h4|//h5|//h6";

fonctionne tout aussi bien. Merci Séb !

Petit bémol cependant : Le code de Séb prend aussi en compte les titres 2, 3... (mais pas les titres 1 !?) de la div "Annexes" qui suit la div "Document", alors que le code de Stealth limite la recherche à la seule div "Document", ce qui est bien l'objectif recherché.

Pourquoi ce comportement du code de Séb ?

**stealth35** · 22/11/2011, 17h45

Envoyé par Doc_xhtml

Petit bémol cependant : Le code de Séb prend aussi en compte les titres 2, 3... (mais pas les titres 1 !?) de la div "Annexes" qui suit la div "Document", alors que le code de Stealth limite la recherche à la seule div "Document", ce qui est bien l'objectif recherché.

Pourquoi ce comportement du code de Séb ?

parce que le "ou" est mal delimité

**Doc_xhtml** · 22/11/2011, 17h48

Comment l'approche de Séb doit-elle donc être libellée ?

**stealth35** · 22/11/2011, 17h55

Envoyé par Doc_xhtml

Comment l'approche de Séb doit-elle donc être libellée ?

elle est correct, c'est juste ce que t'as rajouté qui est faux, puisque tu rajoutes un OU

du coup ça donne
(//div[@id = 'Document']//h1) OU //h2 OU //h3 OU //h4 OU //h5 OU //h6

**Doc_xhtml** · 22/11/2011, 18h41

Malgré quelques essais, je ne trouve pas la bonne façon de transcrire l'approche de Séb.

Comment faut-il libeller l'instruction $query ?

**stealth35** · 22/11/2011, 18h42

Envoyé par Doc_xhtml

Malgré quelques essais, je ne trouve pas la bonne façon de transcrire l'approche de Séb.

Comment faut-il libeller l'instruction $query ?

la bonne méthode pour ta requete est la mienne, je vois pas pourquoi tu veux faire autrement
et t'es pas obligé de faire un xpath une boucle avec un getElementsByTagname suffit

Code :

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

1
2
3
4
5
6
$tags = array('h1', 'h2', 'h3', 'h4', 'h5', 'h6');
$heads = array();
 
foreach ($tags as $tag) {
    $heads = array_merge($heads, iterator_to_array($doc->getElementsByTagName($tag)));
}

**Doc_xhtml** · 22/11/2011, 18h59

Envoyé par stealth35

la bonne méthode pour ta requete est la mienne, je vois pas pourquoi tu veux faire autrement
et t'es pas obligé de faire un xpath une boucle avec un getElementsByTagname suffit

Je sais que la bonne méthode est la tienne puisqu'elle fonctionne nickel.

Je voulais par curiosité essayer de faire marcher les deux méthodes.

Quand à la boucle, je préfère utiliser la logique Xpath qui me semble conceptuellement plus élégante. (Par ailleurs, la fonction de traitement en aval de la recherche est basée sur une logique de nodeList et a pour argument la liste des titres trouvés.)

Petite question complémentaire :
Dans la mesure où une recherche par Xpath contient une ou plusieurs boucles implicites, qu'est-ce qui est le plus rapide : une recherche par Xpath ou une recherche "plus basique" par une boucle DOM ?

**stealth35** · 22/11/2011, 19h04

Envoyé par Doc_xhtml

Petite question complémentaire :
Dans la mesure où une recherche par Xpath contient une ou plusieurs boucles implicites, qu'est-ce qui est le plus rapide : une recherche par Xpath ou une recherche "plus basique" par une boucle DOM ?

je connais pas les sources de Libxml2, donc je passe mon tour, fait un petit bench tu seras fixé

**Séb.** · 22/11/2011, 20h50

Envoyé par Doc_xhtml

Malgré quelques essais, je ne trouve pas la bonne façon de transcrire l'approche de Séb.

L'approche est la même, il n'y a pas de bonne et mauvaise méthode. C'est juste qu'au début tu disais "tous les titres h1, h2, h3... d'un document xhtml", ensuite tu as rajouté "recherche sur une div contenant le document principal"

**Doc_xhtml** · 22/11/2011, 22h54

Effectivement, je pensais naïvement que la recherche dans un document xhtml et celle dans une div procèdent de la même logique.

D'où, comme tu le soulignes, la nécessité de bien formuler ses questions.

[DOM] Boucle sur les titres hi d'un document xhtml

Bibliothèques et frameworks PHP

Discussions similaires

Partager

Partager