Correct. For all those who'd reply "But http://stackoverflow.com/users/authenticate does offer Facebook and they also seem to use openid-selector. How about that?" stackoverflow.com seems to have used openid-selector as a basis on top of which they implemented OAuth (used by Facebook) which is done on the server and not in the browser.

Theoretically this project is not bound to OpenID, you can use it for OAuth list of providers, or any other kind list of providers.

For example http://www.gerixsoft.com/user/login notice Facebook button --> Facebook is OAuth notice GerixSoft? button --> this is neither OpenID nor OAuth but a button for native Drupal login

I will make a HOWTO in v1.3 about how to plug-in Facebook support

fixed in trunk (future v1.3)

to backport fix to v1.2 see commit #102: http://code.google.com/p/openid-selector/source/detail?r=102

how to plug-in facebook provider

put the following code in providers_large or providers_small: facebook = {

name: 'Facebook', url: "javascript:facebook_click();"

} where facebook_click is something like: function facebook_click() {

$('#<id of html fbconnect element>').click();

}

question: where exactly (which file and line) should I put the function facebook_click() ?

Sorry I don't have the time to look where to connect, where to ... and so on to add the french translation.

So here it is, and don't forget to save it as

js/openid-fr.js

and then to launch the sprite generator like:

./generate-sprite.sh fr

/*
  Simple OpenID Plugin
  http://code.google.com/p/openid-selector/
  French translation made by Olivier Pons / 2011/01/10
  http://olivierpons.fr/
  This code is licensed under the New BSD License.
*/

var providers_large = {
  google : {
    name : 'Google',
    url : 'https://www.google.com/accounts/o8/id'
  },
  yahoo : {
    name : 'Yahoo',
    url : 'http://me.yahoo.com/'
  },
  aol : {
    name : 'AOL',
    label : 'Entrez votre nom d\'écran AOL.',
    url : 'http://openid.aol.com/{username}'
  },
  myopenid : {
    name : 'MyOpenID',
    label : 'Entrez votre nom d\'utilisateur MyOpenID.',
    url : 'http://{username}.myopenid.com/'
  },
  openid : {
    name : 'OpenID',
    label : 'Entrez votre OpenID.',
    url : null
  }
};

var providers_small = {
  livejournal : {
    name : 'LiveJournal',
    label : 'Entrez votre nom d\'utilisateur Livejournal.',
    url : 'http://{username}.livejournal.com/'
  },
  /*
  flickr: {
    name: 'Flickr',
    label : 'Entrez votre nom d\'utilisateur Flickr.',
    url: 'http://flickr.com/{username}/'
  },
  technorati: {
    name: 'Technorati',
    label : 'Entrez votre nom d\'utilisateur Technorati.',
    url: 'http://technorati.com/people/technorati/{username}/'
  },
  */
  wordpress : {
    name : 'Wordpress',
    label : 'Entrez votre nom d\'utilisateur Wordpress.',
    url : 'http://{username}.wordpress.com/'
  },
  blogger : {
    name : 'Blogger',
    label : 'Entrez votre compte Blogger',
    label : 'Your Blogger account',
    url : 'http://{username}.blogspot.com/'
  },
  verisign : {
    name : 'Verisign',
    label : 'Entrez votre nom d\'utilisateur Verisign',
    url : 'http://{username}.pip.verisignlabs.com/'
  },
  /* vidoop: {
    name: 'Vidoop',
    label : 'Entrez votre nom d\'utilisateur Vidoop',
    url: 'http://{username}.myvidoop.com/'
  }, */
  /* launchpad: {
    name: 'Launchpad',
    label : 'Entrez votre nom d\'utilisateur Launchpad',
    url: 'https://launchpad.net/~{username}'
  }, */
  claimid : {
    name : 'ClaimID',
    label : 'Entrez votre nom d\'utilisateur ClaimID',
    url : 'http://claimid.com/{username}'
  },
  clickpass : {
    name : 'ClickPass',
    label : 'Entrez votre nom d\'utilisateur ClickPass',
    url : 'http://clickpass.com/public/{username}'
  },
  google_profile : {
    name : 'Google Profile',
    label : 'Entrez votre nom de Profil Google',
    url : 'http://www.google.com/profiles/{username}'
  }
};

openid.locale = 'fr';
openid.sprite = 'fr'; // reused in french, german & japan localization
openid.demo_text = 'Client en mode démonstration. Normalement il faudrait envoyer l\'OpenID:';
openid.signin_text = 'Sign-In';
openid.image_title = 'Connexion avec {provider}';

Quick question is there any way to override what happens when you click a image, the reason for this is that i want to call a ajax method instead of doing submit..

HI Guys, thanks for taking your time to do this project. I'm looking to add this to my site. Do you have a simple tutorial on how to do this? I guess a simple tutorial using a dummy mysql database, and a simple UI would be perfect! Any takers?

Great plug-in. I would love to integrate it in my site.

Just to be sure: Is it legal to use this? Am I allowed to display all these brands on my website without explicit permission from Google, Yahoo!, etc.?