JavaScript script is not loading

Question

I'm trying to make my HTML and JavaScript code really organized so i'm all the JavaScript code is in different files.

When trying to insert the code into the HTML page it doesn't work:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml">
<body>

<div id="fb-root"></div>
<script src="facebook.js" type="javascript" ></script>
</body>
</html>

this is facebook.js:

window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
        appId      : 'APP_ID',                     // App ID from the app dashboard
        status     : true,                                 // Check Facebook Login status
        xfbml      : true                                  // Look for social plugins on the page
    });

    //subscribe event for facebook login
    FB.Event.subscribe('auth.statusChange', function(response) {
        alert(response.status);
    });

};

// Load the SDK asynchronously
(function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s);
    js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

When i'm using the exact same script inside my html - it works great.. what am i doing wrong ?

And your console is blank? What browser are you using, and where is this script located in relation to your file? Also, the correct 'type' attribute is text/javascript. — Daedalus
– Daedalus, Commented Jan 17, 2014 at 8:33
The console says nothing.. it was the text\javascript part that was missing... write it as answer so i could accept it :) thanks — Asaf Nevo
– Asaf Nevo, Commented Jan 17, 2014 at 8:41
Sorry that took so long, wanted to make sure I gave an accurate answer. — Daedalus
– Daedalus, Commented Jan 17, 2014 at 9:05

Ryan Maffey · Accepted Answer · 2014-01-17 08:46:44Z

2

Try type="text/javascript" in the script tag.

Also, is your .js file in the same folder as your .html file? If you've put the JavaScript in a folder you will need to do something like this:

<script src="FolderName/facebook.js" type="text/javascript"></script>

answered Jan 17, 2014 at 8:46

Ryan Maffey

765 bronze badges

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

Comments

Community · Accepted Answer · 2021-10-07 06:01:06Z

1

As I noted in my comment above, one of the correct values when dealing with a javascript content type is text/javascript, as "noted" in the w3c spec.

I said above it is 'one' of the correct values; this is due to the MIME-type listing specified here, and accessed here(as a note, the MIME-type listing currently appears to be down, so the above page is of a web archive); the MIME-type listing specifies that 'text/javascript' is obsolete, and by clicking the relevant RFC(4329), it appears the now-correct MIME-type is application/javascript.

edited Oct 7, 2021 at 6:01

CommunityBot

11 silver badge

answered Jan 17, 2014 at 9:05

Daedalus

7,7125 gold badges40 silver badges64 bronze badges

1 Comment

Daedalus Over a year ago

Of course, I could be wrong, but that's what I managed to find.

Collectives™ on Stack Overflow

JavaScript script is not loading

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related