2011-12-15 7 views
1

私のシステムでは、ライブId OAuthのコードを開発しています。私はWindowsのライブIDによって提供される画像を変更したい。OAuthウィンドウのログインボタンの画像を変更するにはどうすればいいですか?

どうすれば変更できますか?

以上のように、私は一度ログインすると、再度ページを読み込むと自動的にログインの詳細を警告します。 (F5)ボタンをクリックする前に。

理由は何ですか?

あなたが欲しい画像を追加することができ、後に私のコードは.........ここ

<div> 
<script src="//js.live.net/v5.0/wl.js" type="text/javascript"></script> 
<script type="text/javascript"> 

    var APPLICATION_CLIENT_ID = "myclientId", 
    REDIRECT_URL = "myredirectURl"; 
    //WL.Event.subscribe("auth.login", onLogin); 
    WL.init({ 
     client_id: APPLICATION_CLIENT_ID, 
     redirect_uri: REDIRECT_URL, 
     response_type: "token" 
    }); 
    var scopesArr = ["wl.signin", "wl.postal_addresses", "wl.phone_numbers", "wl.emails"]; 
    WL.ui(
    { 
     name: "signin", 
     element: "signInButton", 
     scope: scopesArr 
    }); 



    function userContactInfo(sesion) { 
     var postalAddresses, phoneNumbers, emailAddresses; 
     WL.api(
    { 
     path: "me", 
     method: "GET" 
    }, 

    function (response) { 
     if (!response.error) { 
      alert('hello name:' + response.first_name); 
      alert('hello email:' + response.emails['preferred']); 
      $.ajax({ 
       type: "POST", 
       url: "Login.aspx/SaveFacebookAutoSignUp", 
       data: "{ 'Name':'" + name + "', 'EmailId':'" + email + "'}", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function (data) { 
        alert("You have successfully sign in.Please Wait, we redirect you in a second."); 
        alert(data); 

       } 

      }); 
     } 
    }); 
    } 


    function onLogin() { 
     var session = WL.getSession(); 
     if (session) { 
      userContactInfo(session); 
     } 
    } 

    function onLogin1() { 
     WL.Event.subscribe("auth.login", onLogin); 
     var session = WL.getSession(); 
     if (session) { 
      userContactInfo(session); 

     } 
    } 

</script> 
<div id="signInButton"> 
</div> 

答えて

0

が、私はコールのためのボタンでSIGINを使用するコードです、このヘルプを願って:

<body> 
    <input id="login" type="image" src="Images/Image.png" onclick="login();"/> 
</body> 

<script type="text/javascript"> 

     var APPLICATION_CLIENT_ID = "xxxx", 
     REDIRECT_URL = "xxxx"; 

     WL.Event.subscribe('auth.sessionChange', function (e) { 
      document.getElementById('login').innerHTML = (e.status === "connected" ? "Sign out" : "Connect"); 
     }); 
     WL.init({ 
      client_id: APPLICATION_CLIENT_ID, 
      redirect_uri: REDIRECT_URL 
     }); 

     function login() { 
      if (WL.getSession() === null) 
       WL.login({ scope: "wl.signin" }); 
      else 
       WL.logout(); 
     } 

    </script>