Javascript on load external html files

Question

I have 2 external html file (header and footer),

that I load with this code:

<div id="header-div"></div>

<div id="footer-div"></div>

$(function () {
    $("#header-div").load("/AfekDent/header.html");
    $("#footer-div").load("/AfekDent/footer.html");
});

the header file include javascript code that isn't working..

function switchClass(i) {
    var lis = $('#home-news > div');
    lis.eq(i).removeClass('home_header_on');
    lis.eq(i).removeClass('home_header_out');
    lis.eq(i = '++i' % lis.length).addClass('home_header_on');
    lis.eq(i = '++i' % lis.length).addClass('home_header_out');
    setTimeout(function () {
        switchClass(i);
    }, 3500);
}

$(window).load(function () {
    switchClass(-1);
});

what is the problem?

Did you wrap your script in<script> tags? Can you give us a complete exanple of the header and footer, please? — zer00ne
– zer00ne, Commented Apr 2, 2016 at 17:33
Your post's title: Javascript on load external html files. That's what I was asking for. An external HTML file ends with an extension of .html or .htm — zer00ne
– zer00ne, Commented Apr 2, 2016 at 18:05

Paul · Accepted Answer · 2016-04-02 17:35:17Z

1

The $(window).load() event is called on the page load, not when the additional HTML has been loaded.

answered Apr 2, 2016 at 17:35

Paul

36.4k12 gold badges98 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dudi Delman Over a year ago

Ok, so what trigger indicate all elements are loaded (includ the elment in the header files)?

Paul Over a year ago

There isn't one that does what you're asking, at least not directly. The .load() method does allow for a callback function, though, so you could track yourself when each of your additional html files is complete and call whatever logic you want when they're both done.

Collectives™ on Stack Overflow

Javascript on load external html files

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related