Remplacer le noeud courant par du code xhtml obtenu sous forme de chaîne [Résolu]

[Doc_xhtml]

Bonjour,

Je ne sais si ma question est posée sur le bon forum (je ne trouve pas de forum dédié à DOM).

Je bute sur le point suivant :

J'ai besoin de remplacer soit le contenu d'un noeud, soit le noeud lui-même, par du code html que je récupère sous forme de chaîne de caractères.

Exemples :

1) Le noeud courant est une balise

Code :

<p class="MaClass">Texte</p>

.
Je dois remplacer son contenu par une balise <img /> que j'ai récupérée sous forme de chaîne, de façon à obtenir dans le document

Code :

<p class="MaClass"><img alt="" src="Mon_image" /></p>

2) Le noeud courant est toujours une balise

Code :

<p class="MaClass">Texte</p>

. Mais je dois maintenant la remplacer par tout un ensemble de balises, toujours obtenues sous forme de chaîne :

Chaine_xhtml =

Code :

1
2
3
4
5
6
7
<h3>Titre</h3>
<p>Texte 1</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
etc

Pouvez-vous s'il vous plaît m'indiquer comment je dois procéder et ainsi me débloquer ?
Merci grandement d'avance

[SpaceFrog]

ça serait beaucoup plus simple à faire avec Jquery...

[Eric2a]

Salut,

On peut aussi se contenter de la méthode innerHTML qui est aussi faite pour ça.

[SpaceFrog]

pas pour remplacer le node ... outerHTML n'est pas crossbrowser

[Doc_xhtml]

Merci de vos réponses.

Malheureusement, je ne programme pas en Javascript mais en php. (Ma question a été déplacée sur ce forum car elle avait, semble-t-il, plus de chances de recueillir des réponses.)

Est-ce que ces méthodes ont un équivalent en php ?
La difficulté à laquelle je me heurte est que j'ai un noeud d'un côté et une chaîne html de l'autre. Comment convertir la chaîne en noeud de façon, par exemple, à pouvoir utiliser quelque chose comme replaceChild ?

Merci d'avance

[Bovino]

Tu veux la faire quand ta modification ?
Coté serveur ou quand la page est affichée ?

[SpaceFrog]

phpDOM ?
Je ne pense pas qu'il y ait un replaceChild ...
a mon avis il va falloir passer par removeChild puis insertBefore sur le nextSibling du node qui vient d'être retiré

[Doc_xhtml]

Merci pour la rapidité de ta réponse, Didier

La modification doit être effectuée côté serveur.

En fait, je modifie un document xhtml de travail en localhost pour générer le document final.
Le document de travail contient des balises dont le contenu doit être remplacé par un autre (par exemple une balise <img />) ou qui doivent être remplacées par un bloc de balises xhtml.

Je ne connais pas à l'avance les balises de remplacement.

[SpaceFrog]

tu as du rater mon post ?

[Doc_xhtml]

Envoyé par SpaceFrog

phpDOM ?
Je ne pense pas qu'il y ait un replaceChild ...
a mon avis il va falloir passer par removeChild puis insertBefore sur le nextSibling du node qui vient d'être retiré

Si, si. replaceChild existe bien dans php : voir http://php.net/manual/fr/domnode.replacechild.php

[SpaceFrog]

ha ben tu as ta réponse alors ^^

[Doc_xhtml]

Ce sur quoi je bute, c'est comment convertir une chaîne xhtml en noeud.
Une fois que je saurai le faire, je pense que j'arriverai à effectuer le remplacement.

[SpaceFrog]

http://eusebius.developpez.com/php5dom/
ou
http://php.net/manual/fr/domdocument.createelement.php

[Doc_xhtml]

Bon,

Je commence à mettre en place une solution.

Le code xhtml récupéré est placé dans la variable $module_node.
Je crée un DomDocument $module, dans lequel je crée un élément div contenant le code xhtml récupéré.

Code :

1
2
3
4
5
6
7
 
$module = new DomDocument;
$module_node = $module -> createElement('div', $module_content));
$module -> appendChild($module_node);
$newnode = $text_area_xhtml -> importNode($module -> documentElement, true);
$current_node -> parentNode -> replaceChild($newnode, $current_node);
echo $text_area_xhtml -> saveHtml();

Le problème, c'est que je récupère les < et > du code xhtml de remplacement convertis en html &lt; et &gt;

j'ai essayé

Code :

$module_node = $module -> createElement('div', htmlspecialchars_decode($module_content));

mais sans succès.

Comment intégrer tels quels, sans conversion, les caractères < et > dans le noeud créé ?

[Doc_xhtml]

Façon de faire semble-t-il un peu plus propre :

Code :

1
2
3
4
5
6
7
8
9
10
$module_content_xhtml = new DOMDocument();
$module_content_xhtml -> loadHtml($module_content);
$module_content_xpath = new DOMXPath($module_content_xhtml);
 
$node_module_content = $module_content_xpath -> query('/html/body') -> item(0);
 
$newnode = $text_area_xhtml -> importNode($node_module_content, true);
 
$current_node -> parentNode -> replaceChild($newnode, $current_node);
echo $text_area_xhtml -> saveHtml();

Là je récupère bien les < et > non convertis.

Question cependant : comment retirer les balises <body> </body> qui dans le document encadrent le contenu du noeud ?

[stealth35]

Envoyé par Doc_xhtml

Question cependant : comment retirer les balises <body> </body> qui dans le document encadrent le contenu du noeud ?

tu creer un nouveau DOMDocument, tu parcours les noeuds de <body> (avec foreach meme si y'en a qu'un seul) et tu fais un importNode, avec l'option deep
un coup de saveHTML sur le nouveau DOMDocument et c'est ok (en gros c'est le même effet qu'un innerHTML, qui malheureusement n'existe pas en PHP)

[Doc_xhtml]

Merci, stealth, de ta réponse

Je ressens une confusion entre noeud et bloc html.

Dans la fonction innerHtml présentée par Drupella dans la page DOM de PHP.net (http://www.php.net/manual/fr/book.dom.php) et que je reproduit ici

Code :

1
2
3
4
5
6
7
8
9
 
function innerHTML($el)
{
  $doc = new DOMDocument();
  $doc->appendChild($doc->importNode($el, TRUE));
  $html = trim($doc->saveHTML());
  $tag = $el->nodeName;
  return preg_replace('@^<' . $tag . '[^>]*>|</' . $tag . '>$@', '', $html);
}

l'argument en entrée est un noeud et le résultat est le contenu du noeud sous forme de chaîne html. C'est bien cela ?

Ce dont j'ai besoin, c'est de supprimer la balise <body> à l'intérieur du noeud, en conservant la structure DOM du noeud, de façon à pouvoir utiliser la fonction replaceNode, dont les deux arguments oldnode et newnode doivent être des noeuds.
En effet, si j'ai bien compris, on ne peut pas remplacer un noeud par une chaîne html.

[Doc_xhtml]

Voici la réponse à ma question

Ci-dessous une fonction qui convertit les enfants d'un noeud en noeud (et non en chaîne html).
Cette fonction peut être utilisée pour remplacer un noeud simple (par exemple un paragraphe) par une structure plus complexe.
Elle peut être aussi utilisée pour retirer une division (suppression des balises <div> </div> enveloppant une structure html.

Code :

1
2
3
4
5
6
7
8
9
10
11
function innerHtmlAsNode($wrapping_node)
{
$childs_as_node = new DOMDocument;
 
foreach($wrapping_node -> childNodes as $node)
{
$childs_as_node -> appendChild($childs_as_node -> importNode($node, true));
}
 
return $childs_as_node -> documentElement;
}

Quand je remplace le noeud courant, j'ai bien dans le document le noeud de remplacement, sans les balises <body>


Mon code correspondant au post est donc (la chaîne html de remplacement est contenue dans $module_document) :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
$temp_xhtml = new DOMDocument();
$temp_xhtml -> loadHtml($module_content);
 
$temp_node = $temp_xhtml -> getElementsByTagName('body') -> item(0);
 
$module_as_node = innerHtmlAsNode($temp_node);
 
$newnode = $text_area_xhtml -> importNode($module_as_node, true);
 
$current_node -> parentNode -> replaceChild($newnode, $current_node);
 
echo $text_area_xhtml -> saveHtml();

Ouuuf !!!

[Doc_xhtml]

Bonjour,

Je me suis enthousiasmé trop rapidement.

J'ai en effet essayé avec un seul noeud contenu dans la balise enveloppe (par exemple <body><img /></body> ou <body><div></body>) et en ai conclu que la fonction marche pour un nombre indéterminé de balises contenues dans la balise enveloppe.

En fait, dans le cas où un noeud contient plusieurs balises, importNode importe seulement la première balise.

Je dois donc m'y prendre autrement. (J'entrevois une solution. Je la communiquerai quand je pourrai me remettre à mon PC.)

A+

[stealth35]

Envoyé par Doc_xhtml

Bonjour,

Je me suis enthousiasmé trop rapidement.

J'ai en effet essayé avec un seul noeud contenu dans la balise enveloppe (par exemple <body><img /></body> ou <body><div></body>) et en ai conclu que la fonction marche pour un nombre indéterminé de balises contenues dans la balise enveloppe.

En fait, dans le cas où un noeud contient plusieurs balises, importNode importe seulement la première balise.

Je dois donc m'y prendre autrement. (J'entrevois une solution. Je la communiquerai quand je pourrai me remettre à mon PC.)

A+

tu veux le innerHTML ?