Как изменить изображение кнопки входа в систему для идентификатора живого окна OAuth? - PullRequest
Новая
       1

Как изменить изображение кнопки входа в систему для идентификатора живого окна OAuth?

1 голос
/ 15 декабря 2011

Я разработал код для live Id OAuth в моей системе.Я хочу изменить изображение, предоставляемое Windows Live Id.

Как я могу его изменить.

Более того, когда я делаю вход один раз, он автоматически предупреждает детали входа при загрузкестраница снова.(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>

1 Ответ

0 голосов
/ 25 февраля 2013

Вот код, который я использую для вызова сигин с помощью кнопки, после, вы можете добавить изображение, которое вы хотите, надеюсь, эта помощь: 

<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>
...