MySQL & PHP References: Multiple Links - AJAX load Page in DIV PHP

Wednesday, December 27, 2017

Multiple Links - AJAX load Page in DIV PHP

Check this for simply load dynamic php content into a DIV using AJAX

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Include</title>
    </head>
    <body>
        <a href="#link1">Link1</a>
        <a href="#link2">Link2</a>
        <a href="#link3">Link3</a>
        <a href="#link4">Link4</a>


        <div id="include"></div>

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script type="text/javascript"> 
            var includeDiv = $("#include");
            $(window).on('hashchange', function() {
                var href = location.hash.slice(1) +".html";
                includeDiv.load('include/' + href);
            });
        </script> 
    </body>
</html>

MySQL & PHP References

Search This Blog

Wednesday, December 27, 2017

Multiple Links - AJAX load Page in DIV PHP

No comments:

Post a Comment

content-wide advt