Saturday, December 17, 2011

Website login with twitter

YOu can copy below code and just change your app key(id like XXXXXXXXXXXXXXXXXXXXXXX)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Anywhere Sample</title>
<script src="http://platform.twitter.com/anywhere.js?id=XXXXXXXXXXXXXXXXXXXXXXX&v=1" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
twttr.anywhere(function (T) {
var currentUser,
screenName,
profileImage,
profileImageTag,
name;
if (T.isConnected()) {
$("#login-logout").append('<button id="signout" type="button">Sign out of Twitter</button>');
$("#signout").bind("click", function () {
twttr.anywhere.signOut();
});
currentUser = T.currentUser;
screenName = currentUser.data('screen_name');
profileImage = currentUser.data('profile_image_url');
city=currentUser.data('location');
profileImageTag = "<img src='" + profileImage + "'/>";
$('#twitter-connect-placeholder').append("Logged in as<br> Image: " + profileImageTag + "<br>User Name: " + screenName+"<br>City: "+city+"<br>URL: "+currentUser.data('url')+"<br>Full Name: "+currentUser.data('name')+"<br>followers_count: "+currentUser.data('followers_count')+"<br>friends_count: "+currentUser.data('friends_count')+"<br>statuses_count: "+currentUser.data('statuses_count'));
} else {
T("#twitter-connect-placeholder").connectButton();
};
});
</script>
<span id="twitter-connect-placeholder" ></span><br>
<span id="login-logout"></span>
</body>
</html>

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.