Unable To Get Object Out Of Function

I am working on an awesome project, normally i use AS3 but now I am using Javascript. I have the following information: below I am trying to access the detect line, basically what

Solution 1:

If I understand correctly, you want to display the image of the currently logged in user, and then detect when the image has loaded. You are trying to fix this part of the code:

FB.api('/me?fields=username', function(response) {
    functiondetect(URL) {
        var image = newImage();
        image.src = URL;
        image.onload = function() {
            var result = 'result'; // An example result

        }

        document.body.appendChild(image)

    }
    detect("https://graph.facebook.com/" + response.username + "/picture?width=200&height=200");
});

There's a number of things going on here. First, all the information you need to know which image to load will be supplied to you from the /me/ call. The only thing you have to pass to the function is a callback (what to do when the image loads), and possibly the width and height.

Second, if you set the src property of your image, the image will be loaded. If you set the onload handler after the src property, and the image is fetched from the cache, the image will already have finished loading, the onload event will already have fired, and the handler won't be called. This is explained a lot better in this post.

So, you could do it like this:

functiondetect(username) {
    var result = 'result'; // An example result
}

functiondisplayPicture(width, height, callback) {
    FB.api('/me?fields=username', function(response) { 
        var image = newImage();
        image.onload = function() {
            callback(response.username);
        };
        image.src = "https://graph.facebook.com/" + response.username + "/picture?width=200&height=200";
        document.body.appendChild(image);
    });
}

displayPicture(200, 200, detect);
// ordisplayPicture(200, 200, function(username) {
    var result = 'result'; // An example result
));

Well, good luck! I hope this was, in fact, what you were trying to do.