Loading a HTML Page inside a DIV

Question

Hi I have a div question, on my home page I have a menu its in a div. The body has another div. Can I put or somehow call a specific div content from another page into the div of the homepage body when I call for it from my menu. or how can I put the other page inside the body div with out using Iframes. For example:

<html>
<body>
    <div>content from the another_page.html div.</div>
             or
            <div>another_page.html inside here</div>
</body>

Can this be done? Thank you in advance.

@leifingson, can you point me to an example please I dont know AJAX and would like to see how this is done thank you for your input. — st2011, Dec 15 '13 at 10:59
No, Ajax is a technology, not a specific language or protocol. There are many ways to approach it. — Leifingson, Dec 15 '13 at 11:02

score 2 · Accepted Answer · edited May 23 '17 at 10:32

2

You can use jQuery for solving this.

Please refer to this for loading div from another page inside div:

Load content of a div on another page

And for loading another page inside div:

loading html page inside div

edited May 23 '17 at 10:32

Community

1
1

answered Dec 15 '13 at 11:10

Bibek Maharjan

549
2
5
15

score 0 · Answer 2 · edited May 23 '17 at 11:49

0

You have a number of ways to do this, as commented already, ajax is probably what is used in most cases. However it can also be done using PHP, jQuery, and an HTML object.

Link to similar question: here

edited May 23 '17 at 11:49

Community

1
1

answered Dec 15 '13 at 10:59

BenMann

248
3
15

You're absolutely right. I should've formulated that better. It's rather a technology that can be implemented in a number of ways, eg. HTML objects, etc. – BenMann Dec 15 '13 at 11:20

score 0 · Answer 3 · answered Dec 15 '13 at 14:11

0

You could try this and style it with css

<body>
<iframe src="page1.html">

</iframe>


<iframe src="page2.html">

</iframe>
</body>

answered Dec 15 '13 at 14:11

iamkarsoft

21
2

Loading a HTML Page inside a DIV

3 Answers3