IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques et frameworks PHP Discussion :

[DOM] Placer une balise div vide


Sujet :

Bibliothèques et frameworks PHP

  1. #1
    Membre régulier
    Homme Profil pro
    conception et traitement de documents xhtml
    Inscrit en
    Août 2011
    Messages
    107
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : conception et traitement de documents xhtml
    Secteur : Conseil

    Informations forums :
    Inscription : Août 2011
    Messages : 107
    Points : 80
    Points
    80
    Par défaut [DOM] Placer une balise div vide
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    $div = $doc_xhtml -> createElement('div', 'x')
    Comment faire pour obtenir juste ?

    Merci d'avance

    EDIT1
    La suppression du contenu du div après l'insertion de celui-ci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    $div = $doc_xhtml -> createElement('div', 'x');
    $div -> nodeValue = '';
    ne marche pas non plus : le div disparaît.

  2. #2
    Membre régulier
    Homme Profil pro
    conception et traitement de documents xhtml
    Inscrit en
    Août 2011
    Messages
    107
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : conception et traitement de documents xhtml
    Secteur : Conseil

    Informations forums :
    Inscription : Août 2011
    Messages : 107
    Points : 80
    Points
    80
    Par défaut
    Pour contourner le problème, je dois créer un conteneur div ayant un contenu bidon et rendre ce contenu non visible dans la css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    div:contains('divxxx')
    {color: white;}
    Un peu bricolo comme solution
    Comment résoudre ce petit problème ?

  3. #3
    Expert éminent
    Avatar de Séb.
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    5 043
    Détails du profil
    Informations personnelles :
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Mars 2005
    Messages : 5 043
    Points : 8 075
    Points
    8 075
    Billets dans le blog
    17
    Par défaut
    Cela devrait passer. Donne un bout de code fonctionnel.
    Un problème exposé clairement est déjà à moitié résolu
    Keep It Smart and Simple

  4. #4
    Membre régulier
    Homme Profil pro
    conception et traitement de documents xhtml
    Inscrit en
    Août 2011
    Messages
    107
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : conception et traitement de documents xhtml
    Secteur : Conseil

    Informations forums :
    Inscription : Août 2011
    Messages : 107
    Points : 80
    Points
    80
    Par défaut
    Merci, Séb, de ta réponse

    Le code est celui que j'ai indiqué
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    $div = $doc_xhtml -> createElement('div', 'divxxx');
    $node -> parentNode -> insertBefore($div, $node -> nextSibling);

  5. #5
    Expert éminent
    Avatar de Séb.
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    5 043
    Détails du profil
    Informations personnelles :
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Mars 2005
    Messages : 5 043
    Points : 8 075
    Points
    8 075
    Billets dans le blog
    17
    Par défaut
    Afin qu'on puisse corriger il faudrait un extrait de script autonome et fonctionnel illustrant le comportement indésiré.
    Un problème exposé clairement est déjà à moitié résolu
    Keep It Smart and Simple

  6. #6
    Membre régulier
    Homme Profil pro
    conception et traitement de documents xhtml
    Inscrit en
    Août 2011
    Messages
    107
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : conception et traitement de documents xhtml
    Secteur : Conseil

    Informations forums :
    Inscription : Août 2011
    Messages : 107
    Points : 80
    Points
    80
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div class="Document_section">
    <h1>Présentation générale</h1><div>divxxx</div>
     
    <p>Texte du premier paragraphe</p>

  7. #7
    Membre actif
    Profil pro
    Inscrit en
    Février 2009
    Messages
    149
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 149
    Points : 206
    Points
    206
    Par défaut
    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 &nbsp; (+ éventuellement un peu de css)

  8. #8
    Membre régulier
    Homme Profil pro
    conception et traitement de documents xhtml
    Inscrit en
    Août 2011
    Messages
    107
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : conception et traitement de documents xhtml
    Secteur : Conseil

    Informations forums :
    Inscription : Août 2011
    Messages : 107
    Points : 80
    Points
    80
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  9. #9
    Membre régulier
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2011
    Messages
    73
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2011
    Messages : 73
    Points : 100
    Points
    100
    Par défaut
    Tu peux essayer d'adapter qqch qui ressemble à ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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!

  10. #10
    Membre régulier
    Homme Profil pro
    conception et traitement de documents xhtml
    Inscrit en
    Août 2011
    Messages
    107
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : conception et traitement de documents xhtml
    Secteur : Conseil

    Informations forums :
    Inscription : Août 2011
    Messages : 107
    Points : 80
    Points
    80
    Par défaut
    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.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [DOM] Supprimer une balise div vide
    Par Doc_xhtml dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 26/11/2011, 12h15
  2. Comment ajouter une image dans une balise div ??
    Par liv dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 05/05/2006, 12h48
  3. impression d'une balise div
    Par nemya dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 25/01/2006, 02h27
  4. Taille d'une balise <div>
    Par Landru dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 21/11/2005, 09h43
  5. hauteur d une balise div en fonction de la résolution
    Par echecetmat dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/01/2005, 11h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo