Question

I am trying to display LinkedIn member profiles by having a user enter in their public profile URL then loading that profile using JQuery. When they enter in www.linked.in/com/in/theirprofile, I am calling this:

$(document).ready( function(){
    $("#linkedin_field").blur( function(){
        $("#profile").html('<script type="IN/MemberProfile" data-id="' + $("#linkedin_field").val() + '" data-format="inline"><\/script>')
    });
});

This does insert the javascript into the #profile div but it doesn’t display the member’s profile. How can I get the profile to load when I insert the new javascript?

Note that this page is successfully loading the profile when I include the javascript at the beginning with a valid user profile.

Answer 1

It takes one line for LinkedIn to parse the rendered javascript, so all that’s necessary is:

$(document).ready( function(){
    $("#linkedin_field").blur( function(){
        $("#profile").html('<script type="IN/MemberProfile" data-id="' + $("#linkedin_field").val() + '" data-format="inline"><\/script>')
    });
    IN.parse(document.getElementById("profile"))
});