PHP Dom problem, how to insert html code in a particular div

Question

I am trying to replace the html code inside the div 'resultsContainer' with the html of $response.

The result of my unsuccessful code is that the contents of 'resultsContainer' remain and the html of $response shows up on screen as text rather than being parsed as html.

Finally, I would like to inject the content of $response inside 'resultContainer' without having to create any new div, I need this: <div id='resultsContainer'>Html inside $response here...</div> and NOT THIS: <div id='resultsContainer'><div>Html inside $response here...</div></div>

   // Set Config
      libxml_use_internal_errors(true);   

      $doc = new DomDocument();
      $doc->strictErrorChecking = false;  
      $doc->validateOnParse = true;

      // load the html page
      $app = file_get_contents('index.php');

      $doc->loadHTML($app);

      // get the dynamic content
      $response = file_get_contents('search.php'.$query);
      $response = utf8_decode($response);         

      // add dynamic content to corresponding div
      $node = $doc->createElement('div', $response);
      $doc->getElementById('resultsContainer')->appendChild($node);


      // echo html snapshot
      echo $doc->saveHTML();

Wrikken · Accepted Answer · 2010-06-05 16:53:08Z

1

if $reponse is plain text:

// add dynamic content to corresponding div
$node = $doc->createTextNode($response);
$doc->getElementById('resultsContainer')->appendChild($node);

if it (can) contain html (one could use createDocumentFragment but that creates its own set of trouble with entities, dtd, etc.):

// add dynamic content to corresponding div
$frag = new DomDocument();
$frag->strictErrorChecking = false;  
$frag->validateOnParse = true;
$frag->loadHTML($response);
$target = $doc->getElementById('resultsContainer');
if(isset($target->childNodes) && $target->childNodes->length)){
    for($i = $target->childNodes->length -1; $i >= 0;$i--){
        $target->removeChild($target->childNodes->item($i));
    }
}
//if there's lots of content in $target, you might try this:
//$target->parentNode->replaceChild($target->cloneNode(false),$target);
foreach($frag->getElementsByTagName('body')->item(0)->childNodes as $node){
   $target->appendChild($doc->importNode($node,true));
}

Which goes to show it really isn't that suited (or at least cumbersome) to use DOMDocuments as a templating engine.

edited Jun 5, 2010 at 16:53

answered Jun 5, 2010 at 11:50

Wrikken

70.8k8 gold badges99 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

13 Comments

sala_7 Over a year ago

Hey, The problem is that $response is not plain text but html and what I really need is to replace the content of 'resultsContainer' rather than append to it

Wrikken Over a year ago

So take the second option, and if you need to empty the element, do this before the foreach loop through $frag: foreach($target->childNodes as $node) $target->removeChild($node);

sala_7 Over a year ago

Thanks a lot, I'll try that and let you know how it went

sala_7 Over a year ago

When doing that I am getting a: Warning: Invalid argument supplied for foreach() // empty target container $target = $doc->getElementById('resultsContainer'); foreach($target->childNodes as $node){ $target->removeChild($node); }

sala_7 Over a year ago

may it be because $target is of type DOMElement and not DOMNode?

|

Collectives™ on Stack Overflow

PHP Dom problem, how to insert html code in a particular div

1 Answer 1

13 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

13 Comments

Your Answer

Sign up or log in

Post as a guest

Related