I've set up everyauth and it seems quite nice.
Right now, as illustrated in this NodeTuts episode, one has to go to http://www.example.com/auth/facebook or http://www.example.com/auth/twitter in order to authenticate.
How can I configure everyauth to allow me to attach a JavaScript event to a button to trigger authentication?
For example, in the following code, the button at the bottom when clicked should popup a Facebook authentication window. How do I do that with everyauth?
<html>
<head>
<title>My Facebook Login Page</title>
</head>
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true,
cookie : true,
xfbml : true,
oauth : true,
});
};
(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
<div class="fb-login-button">Login with Facebook</div>
</body>
</html>
Look at Rob righter's easy-oauth library: https://github.com/robrighter/easy-oauth/blob/master/lib/easy-oauth.js
He inject client-side js and then bypass the route.