Google Identity Toolkit
oAuth
by jalalhejazi
HTML
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/googleapis/0.0.4/googleapis.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/jsapi"></script>
<script type="text/javascript">
google.load("identitytoolkit", "1", {packages: ["ac"], language:"en"});
</script>
<script type="text/javascript">
$(function() {
window.google.identitytoolkit.setConfig({
developerKey: "TODO",
companyName: "SuperWebApps",
callbackUrl: "http://jsfiddle.net/jalalhejazi/z9XkL",
realm: "",
userStatusUrl: "http://jsfiddle.net/jalalhejazi/z9XkL/",
loginUrl: "http://jsfiddle.net/jalalhejazi/z9XkL/",
signupUrl: "http://jsfiddle.net/jalalhejazi/z9XkL/",
homeUrl: "http://jsfiddle.net/jalalhejazi/",
logoutUrl: "http://jsfiddle.net/jalalhejazi/",
idps: ["Gmail", "GoogleApps", "Yahoo", "AOL"],
tryFederatedFirst: true,
useCachedUserStatus: false,
useContextParam: true
});
$("#navbar").accountChooser();
});
</script>
<!-- Insert the navbar element somewhere in the HTML page -->
<br/>
<br/>
<div id="navbar"></div>