Personnalisation De Linkedin Bouton De Connexion

Je suis la mise en œuvre de LinkedIn connecter à mon application web..
Je suis en utilisant le script suivant que :

<script type="in/Login"> </script>

à la charge de l'LinkedIn bouton De connexion. Ce script se charge automatiquement une LinkedIn bouton de connexion avec correction de la conception ou de l'image..

mais je veux Personnaliser un bouton avec mon Image personnalisée de LinkedIn et de ce bouton générer le LinkedIn de connexion de l'événement après avoir cliqué sur elle.. c'est que ça devrait servir script ci-dessus du but

Plz Aider

InformationsquelleAutor Sam | 2013-08-27

linkedin-jsapi oauth-2.0

25

Autre façon de faire:
1. Placer une image que vous aimez:
```
<a href=""><img onclick="liAuth()" src="./img/widget_signin.png"></a>
```
2. Créer JS fonction comme ceci:
```
function liAuth(){
   IN.User.authorize(function(){
       callback();
   });
}
```
3. Utilisation de LinkedIn données de l'utilisateur:
```
IN.API.Profile("me")
   .fields("firstName", "lastName", "headline")
   .result(resultFunction);
```
- J'ai essayé mais ça ne marche pas. Bouton personnalisé ouvrir une fenêtre qui n'est pas redirigé. Plus précisément, il ouvrir: platform.linkedin.com/js/... alors que l'officiel du bouton de redirection sur: linkedin.com/uas/oauth/...
- vous pouvez essayer ma solution une fois
InformationsquelleAutor Rostik

Oui, c'est possible. Nous sommes à l'aide de jQuery, alors voici notre solution:

<script type="text/javascript" src="http://platform.linkedin.com/in.js">    
  api_key: apikey    
  onLoad: onLinkedInLoad    authorize: true
</script>

<script type="text/javascript">    
  function onLinkedInLoad() {        //Use a larger login icon. 
     $('a[id*=li_ui_li_gen_]').css({marginBottom:'20px'}) 
       .html('<img src="/images/shared/linkedin-register-large.png" height="31" width="200" border="0" />');    
  }
</script>

InformationsquelleAutor Ajeesh

Vous pouvez le faire Comme ci-dessous:

Créé bouton personnalisé et appeler la fonction sur la souris (onclick="doLinkedInLogin()"):

<a href="javascript:void(0);"><img onclick="doLinkedInLogin()" src="./img/widget_signin.png"></a>

Maintenant modifié mon code comme ci-dessous:-

<script type="text/javascript" src="//platform.linkedin.com/in.js">
    api_key:   ********
    onLoad: onLinkedInLoad  //removed this line
   authorize: true
</script>
<script>
    function doLinkedInLogin(){
       IN.User.authorize(function(){
           onLinkedInAuth(); //callback function which will process LinkedIn login 
       });
    }
    function onLinkedInAuth() {
        IN.API.Profile("me").fields("email-address","first-name","id").result(function (data) {
            processLinkedInUserDetails(data); //call function with data as parameter if you want to do some process on data
        }).error(function (data) {
            console.log(data);
        });
    }
    processLinkedInUserDetails = function(data){
        //do your stuff with data
    };
</script>

InformationsquelleAutor Anant Singh---Alive to Die

En vertu de la balise head

    <script type="text/javascript" src="//platform.linkedin.com/in.js">
    api_key: xxxxxxxxx
    authorize: true
        //onLoad: onLinkedInLoad
    //scope: r_basicprofile r_emailaddress
</script>

    <a href="javascript:void(0)" class="btn btn-default btn-linkedin" onclick='call_linkedin()'> 
            <i class="fa fa-linkedin-square" aria-hidden="true"></i> <span>Sign In With LinkedIn</span> </a>

    <script type="text/javascript">
    function call_linkedin() {

        if(IN.User.authorize()){
                   getProfileData();
                }else{  IN.Event.on(IN, "auth", function() {getProfileData();});}
    }

    //Use the API call wrapper to request the member's profile data
    function getProfileData() {
        IN.API.Profile( "me" ).fields( "id", "first-name", "last-name", "headline", "location", "picture-url", "public-profile-url", "email-address" ).result( displayProfileData ).error( onError );
    }

    //Handle the successful return from the API call
    function displayProfileData( data ) {
            console.log(data)
}
</script>

Veuillez essayer ceci et laissez-moi savoir

InformationsquelleAutor Tapas Palui

-1

Vous pouvez utiliser votre propre code html comme ceci:

<html>
<head>
<title>LinkedIn JavaScript API</title>

<script type="text/javascript" src="http://platform.linkedin.com/in.js">
  api_key: put_your_api_key_here
</script>

<script type="text/javascript">

    function onLinkedInLoad() {
        IN.UI.Authorize().place();      
        IN.Event.on(IN, "auth", function () { onLogin(); });
        IN.Event.on(IN, "logout", function () { onLogout(); });
    }

    function onLogin() {
            IN.API.Profile("me").result(displayResult);
    }  
    function displayResult(profiles) {
        member = profiles.values[0];
        alert(member.id + " Hello " +  member.firstName + " " + member.lastName);
    }  
</script>

</head>
<body>
    <input type="button" onclick="onLinkedInLoad()" value="Sign in using LinkedIn account" />
</body>
</html>

InformationsquelleAutor MasterUZ

-1

méthode pour personnalisé linkedin bouton

<div onclick="liAuth()">sign in with linkedin</div>

<script type="text/javascript" src="//platform.linkedin.com/in.js">
    api_key: YOUR_API_KEY_HERE
    authorize: true
    onLoad: onLinkedInLoad
</script>

<script type="text/javascript">
    function liAuth(){
        IN.User.authorize(function(){
        });
    }
    //Setup an event listener to make an API call once auth is complete
    function onLinkedInLoad() {
        IN.Event.on(IN, "auth", getProfileData);
    }

    //Handle the successful return from the API call
    function onSuccess(data) {
        console.log(data);
    }

    //Handle an error response from the API call
    function onError(error) {
        console.log(error);
    }

    //Use the API call wrapper to request the member's basic profile data
    function getProfileData() {
        IN.API.Raw("/people/~").result(onSuccess).error(onError);
    }

</script>

Votre code est correct, mais il ne répond pas à la question.

InformationsquelleAutor T.Mohanamurali

-1

        **LinkedIn Customize button onclick function you can call linked in login function** 

        <!-- language: lang-html -->

            <script type="text/javascript" src="http://platform.linkedin.com/in.js">
                api_key: Your App Key //add your linkedIn aap key here
                authorize: true
            </script>    

             //create your customized linkedIn button with css
            <div id="wLinkedIn"> 
             //use onLinkedInLoad onclick function in customized button 
             <a href="#" onclick="onLinkedInLoad();">
              <span id="icon-bg"><i class="fa fa-linkedin"></i></span>
              <span id="icon-label-bg">Login with LinkedIn</span>
             </a>
            </div>

        <!-- language: lang-js -->

            //----------------------------LinkedIn Sdk---------------------

            function onLinkedInLoad() { 
                IN.UI.Authorize().place();
           //call onLinkedInLogin on click of button
                IN.Event.on(IN, "auth", function () { onLinkedInLogin(); }); 

                //IN.Event.on(IN, "logout", function () { onLinkedInLogout(); });
            }

            function onLinkedInLogin() {
                //alert('logged in');
           //get all user data from linked in plugin
                IN.API.Raw("/people/~:(id,firstName,lastName,emailAddress)format=json").result(function (data)
             {  
                    console.log(data);

                    var profileData = data;
                    LinkedInFName = profileData.firstName;
                    LinkedInLName = profileData.lastName;
                    LinkedInEmail = profileData.emailAddress;
                    LinkedInId = profileData.id;
                    //alert("LinkedInFName : " + LinkedInFName);

                    GetLinkedinLoginDetails(LinkedInEmail, LinkedInId)
                }).error(function (error) {
                    console.log('Error : ' + error);
                });
            }

            function onSuccess(data) {

            }

Envisager d'expliquer un peu votre code, pour être utile pour les autres lecteurs de ce site.

InformationsquelleAutor aniket upadhye

Vous devez vous connecter pour publier un commentaire.