HTML File including another HTML file

Question

I created a web page wherein I want to display there another HTML file. I used jQuery to do this but wasn't able to display the content of the file I have included. Why do you think this happened. Thanks a lot.

Here's my code for my mainpage.

sample.html

<html>
<head>
<title> Sample Only </title>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>
    <script> 
        $(function(){
            $('#footerLang').load("sampleFooter.html");
        });
    </script> 


</head>

    <body>

        <div id="footerLang">
            <h1></h1>
        </div>

    </body>

</html>

sampleFooter.html

<p> THIS IS A FOOTER </p>

Ajax nga gamitin mo. Loooool. Kahapon pa to e. Di mo parin nakuha. Hahahaha — hdotluna
– hdotluna, Commented Sep 1, 2016 at 7:32

Zay Lau · Accepted Answer · 2016-09-01 06:46:42Z

It is highly possibly because you are placing the following block in head without $(document).on("ready", function() { ...; });

$(function(){
    $('#footerLang').load("sampleFooter.html");
});

In this case jQuery will unable to find the #footerLang element since the DOM is not ready, you could revise the script as follow

$(function(){
    $(document).on("ready", function () {
        $('#footerLang').load("sampleFooter.html");
    });
});

or move the script tag just before the </body>

<html>
<head>
<title> Sample Only </title>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>


</head>

    <body>

        <div id="footerLang">
            <h1></h1>
        </div>

    <script> 
        $(function(){
            $('#footerLang').load("sampleFooter.html");
        });
    </script> 
    </body>

</html>

Jaycee Evangelista · Accepted Answer · 2016-09-01 07:14:30Z

0

I found out that this was just a browser compatibility issue. I launch it in Firefox and it worked.

answered Sep 1, 2016 at 7:14

Jaycee Evangelista

1,1276 gold badges24 silver badges53 bronze badges

Collectives™ on Stack Overflow

HTML File including another HTML file

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related