Is it possible to use a DIV instead of an iFrame so that content looks like in the same page?

Question

I have a web page, I need part of the content separated to an individual page, but not use iframe. Just like to know if it is possible use div instead of iframe and works as it in the same page(With js base code or php code is cool).

I'd need the whole content of <div class="row-fluid">..</div> to be an individual html, but not use iframe, I will need a div instead of iframe, and make it works like just as in one page.

Answer 1

With PHP you can include a page inside your code inside a specific division.

for example inside index.php:

<div>
  <?php include('page2.php'); ?>
</div>

and inside page2.php you have:

<span>Hello World</span>

The result would be:

<div>
  <span>Hello World</span>
</div>

If what you want to achieve needs to be in the front-end as the user navigates through your site; that is after a click is made to an element and you don't want to change to another page, then AJAX is your option. this example is with Jquery:

$('.clickme').click(function(){
  $.ajax({
    url:'page2.php'
    success:function(msg){
      $('#insert_div').html(msg)
    }
  });
});

HTML:

<span class="clickme">Get Page 2</span>

<div id="insert_div">
  <!-- Page 2 will be inserted here -->
</div>

Another solution is Jquery load() as many have posted:

$('.clickme').click(function(){
  $('#insert_div').load("page2.php");
});