load page on button click event

Question

1.00/5 (2 votes)

See more:

PHP

how to load another page in main page div after click on button

Posted 14-Apr-14 21:05pm

Member 9599723

Add a Solution

Comments

enhzflep 15-Apr-14 3:08am

By using AJAX.

Member 9599723 15-Apr-14 3:09am

yes

enhzflep 15-Apr-14 3:54am

My response wasn't a question, it was an answer.
The web is full of tutorials. Pick one and follow it.

Member 9599723 15-Apr-14 5:21am

that i know very welll

thanksssss

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sanket Saxena · Answer 1 · 2014-04-15T23:53:00

Solution 2

Try like this. May be it helps :)

JavaScript

<div id="topBar">
    <button id="btnHome">Load</button>
</div>
<div id="content">        
</div>

<script>
$(document).ready( function() {
    $("#btnHome").on("click", function() {
        $("#content").load("content.html");
    });
});
</script>

Posted 15-Apr-14 23:53pm

Sanket Saxena

Updated 15-Apr-14 23:54pm

v2

kishore@cse · Answer 2 · 2014-04-15T23:29:00

Try this

You have to include your jquery file that can be downloaded from any website.

HTML

<html>

<body>

<script type="text/javascript" src="your_jquery_file.js"></script>
<script type="text/javascript">
function load_page()
{
     $.post("your_page.html",function(data){
           $("#page_holder").html(data);
     });
}
</script>

<button onclick="load_page()">Load</button>

<div id="page_holder"></div>

</body>

</html>

load page on button click event

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

load page on button click event

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us