Php Javascript Div Refresh

Question

I'm refreshing a div every 20 seconds on a page. The code refreshes the div but also nests a div inside of itself.

<script>
  setInterval(function(){
  $("#open").load("test.php #open");
  }, 20000);
</script>

Before javascript reload:

<div id="open">
  <p>Testing</p>
</div>

After javascript reload:

<div id="open">
    <div id="open">
        <p>Testing</p>
    </div>
</div>

No matter how long the page sites there it will always just have one nested div after the javascript runs. How do I get this to not load another nested div?

I'm not sure what you mean, There is only one div with the id "open" on this page — user2027231
– user2027231, Commented Mar 6, 2013 at 1:22
Why do you have .load(test.php #open) and not just .load(test.php)? You're saying to get test.php and then take whatever is in #open in that file, and then add it to your current page. That's why you have nested divs. — matthewpavkov
– matthewpavkov, Commented Mar 6, 2013 at 1:26

Dave · Accepted Answer · 2013-03-06 01:23:00Z

1

I presume test.php returns <div id="open">(blah)</div>?

Try:

$("#open").load("test.php #open").children( ).unwrap( );

Although you should really change the php script.

answered Mar 6, 2013 at 1:23

Dave

46.8k12 gold badges70 silver badges109 bronze badges

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

Collectives™ on Stack Overflow

Php Javascript Div Refresh

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related