Home/ Questions/Q 6230263
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T09:42:53+00:00

Take a look at my code : <html> <head> <title>Profile App Example</title> <script type=text/javascript

  • 0

Take a look at my code :

<html>
<head>
<title>Profile App Example</title>

<script type="text/javascript" src="http://platform.linkedin.com/in.js">
  api_key: some secret api key
  authorize: true
</script>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <link media="all" type="text/css" href="http://developer.linkedinlabs.com/tutorials/css/jqueryui.css" rel="stylesheet"/>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.5b1.js"></script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" ></script>

<script type="text/javascript">

function loadData() {
  IN.API.Profile("me")
    .fields(["id", "firstName", "lastName", "pictureUrl","headline"])
    .result(function(result) {
      profile = result.values[0];
/*
      profHTML = "<p><a href=\"" + profile.publicProfileUrl + "\">";
      profHTML += "<img class=img_border align=\"left\" src=\"" + profile.pictureUrl + "\"></a>";     
      profHTML += "<a href=\"" + profile.publicProfileUrl + "\">";
      profHTML += "<h2 class=myname>" + profile.firstName + " " + profile.lastName + "</a> </h2>";
      profHTML += "<span class=myheadline>" + profile.headline + "</span>";
*/
        profHTML = profile.id;
        //alert(profHTML); alerts the id
      //$("#profile").html(profHTML);
    });
}

</script>

</head>
<body class="yui3-skin-sam  yui-skin-sam">

<script>alert(profHTML);</script> <!-- Does not alert anything-->
<div id="profile">
    </div>  
    <script type="IN/Login" data-onAuth="loadData"></script>
</body>
</html>

I am trying to capture the profile id in the HTML file , but unable to do that . How can I display it in the HTML file ? And why my code is not working . Please help

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to create element with id='profile' and uncomment $("#profile").html(profHTML); line. $("#profile").html(profHTML) is one of jQuery’s the ways to ‘alert’ to HTML.

    UPDATE: have you tried uncommenting $("#profile").html(profHTML);? If yes, did you get any errors?

    UPDATE 2: if you need to get those var out of the function, you can do the following:

    var my_var = null;
function loadData() {
    //.....
    profHTML = profile.id;
    my_var = profHTML;
    //.....
}

    If not – I can’t understand what do you want to do with that variable. Please explain further. 🙂

    UPDATE 3: There are two options:

    1. Do an AJAX request to your backend and save cookie. See JQuery.ajax and jQuery.cookie

    2. Write that value to a hidden input in the login form, so this value will be submitted to your backend on form submit.

      jQuery('#hidden').val(profile.id);
      //....somewhere in html....//
      <form> <!--your login form -->
      <input type='hidden' id='hidden' value=''>
      <!-- some other html -->
      </form>

    • 0