Placer une balise div vide [Résolu]

[Doc_xhtml]

Bonjour,

Je voudrais pouvoir placer une balise div vide qui sera éventuellement remplie par la suite.

Pourquoi le code suivant ne fonctionne-t-il pas ?

Code :

1
2
$div = $doc_xhtml -> createElement('div');
$node -> parentNode -> insertBefore($div, $node -> nextSibling)

Rien n'est inséré. Le conteneur div est inséré uniquement lorsque je définis un contenu au minimum d'un caractère :

Code :

$div = $doc_xhtml -> createElement('div', 'x')

Comment faire pour obtenir juste

Code :

<div></div>

?

Merci d'avance

EDIT1
La suppression du contenu du div après l'insertion de celui-ci

Code :

1
2
$div = $doc_xhtml -> createElement('div', 'x');
$div -> nodeValue = '';

ne marche pas non plus : le div disparaît.

[Doc_xhtml]

Pour contourner le problème, je dois créer un conteneur div ayant un contenu bidon

Code :

<div>divxxx</div>

et rendre ce contenu non visible dans la css

Code :

1
2
div:contains('divxxx')
{color: white;}

Un peu bricolo comme solution
Comment résoudre ce petit problème ?

[Séb.]

Cela devrait passer. Donne un bout de code fonctionnel.

[Doc_xhtml]

Merci, Séb, de ta réponse

Le code est celui que j'ai indiqué

Code :

1
2
$div = $doc_xhtml -> createElement('div');
$node -> parentNode -> insertBefore($div, $node -> nextSibling);

Pour que le div soit effectivement créé, il faut lui attribuer un contenu bidon :

Code :

1
2
$div = $doc_xhtml -> createElement('div', 'divxxx');
$node -> parentNode -> insertBefore($div, $node -> nextSibling);

[Séb.]

Afin qu'on puisse corriger il faudrait un extrait de script autonome et fonctionnel illustrant le comportement indésiré.

[Doc_xhtml]

Merci, Séb, pour l'intérêt que tu portes à mon petit problème.

Le code (réduit) qui fait apparaître cette bizarrerie est le suivant (il s'agit de placer le contenu du chapitre dans un div après chaque titre h1) :

Code :

1
2
3
4
5
6
7
8
$query = "//div[@id = 'Document']//h1";
$h1_titles = $doc_xpath -> query($query);
 
foreach($h1_titles as $h1_title)
{		
$h1_toc = $doc_xhtml -> createElement('div');
$h1_toc = $h1_title -> parentNode -> insertBefore($h1_toc, $h1_title -> nextSibling);
}

Le div n'apparaît pas dans le résultat :

Code :

1
2
3
<h1>Présentation générale</h1>
 
<p>Texte du premier paragraphe</p>

Par contre, le div apparaît bien si je lui attribue un contenu :

Code :

1
2
3
4
5
6
7
8
$query = "//div[@id = 'Document']//h1";
$h1_titles = $doc_xpath -> query($query);
 
foreach($h1_titles as $h1_title)
{		
$h1_toc = $doc_xhtml -> createElement('div', 'divxxx');
$h1_toc = $h1_title -> parentNode -> insertBefore($h1_toc, $h1_title -> nextSibling);
}

Code :

1
2
3
4
<div class="Document_section">
<h1>Présentation générale</h1><div>divxxx</div>
 
<p>Texte du premier paragraphe</p>

[nextdev]

Une balise tel div ne doit à priori pas se trouver vide, pour être dans la norme stricte.
C'est surement pour cela qu'elle se retrouve annulée.

Quand on est vraiment obligé, on la remplis normalement avec   (+ éventuellement un peu de css)

[Doc_xhtml]

Merci de ta réponse, NextDev

Je pense aussi que selon la règle stricte, un div ne doit pas être vide. (Pourtant, c'est parfaitement accepté par les navigateurs, les div vides n'étant pas supprimés.)

Effectivement c'est ce que je fais : je remplis la balise div avec un contenu bidon (divxxx en l'occurrence) et pour les balises div dont le contenu initial divxxx n'est pas remplacé, je prévois une règle css sélectionnant ces balises

Code :

1
2
3
4
div:contains['divxxx']
{
[...]
}

EDIT : J'utilise PrinceXML pour convertir les documents xhtml en pdf. Ce logiciel est toujours en avance par rapport aux navigateurs quant à la prise en compte des propriétés et sélecteurs css. Par contre, je ne sais pas si les navigateurs prennent en compte le pseudo-élément :contains.

[10903513]

Tu peux essayer d'adapter qqch qui ressemble à ça :

Code :

1
2
3
4
$dom=new DOMDocument();
$elem=$dom->createElement('div');
$dom->appendChild($elem);
echo $dom->saveXML();

Avec le saveXML() on peut faire apparaitre une balise div vide!

[Doc_xhtml]

En piégeant peu à peu le processus avec des saveHtml et saveXML (suite à tes indications, 10903513, j'ai essayé les deux approches), j'ai enfin trouvé la raison de la disparition de mes div vides après les titres h1.

Vous êtes bien assis ?

Bon, eh bien, j'avoue :

En fin de traitement, j'ai une routine qui supprime... les div vides ! Si, si !

J'avais oublié son existence, ou plutôt, je n'avais pas fait le rapprochement avec mon problème local. (En écrivant cette routine, je pensais aux div devenus vides suite au traitement du document xhtml. Je ne pensais pas aux div gardés volontairement vides. )

Pardon pour le dérangement et merci à tous ceux qui ont bien voulu prendre connaissance de mon post et à tous ceux qui ont avec moi essayé de trouver la solution.



PS : saveHtml et saveXML acceptent tous deux les div vides.