openid-selector


A user-friendly way to select an OpenID

Javascript OpenID Selector

This is a simple Javascript OpenID selector. It has been designed so that users do not even need to know what OpenID is to use it, they simply select their account by a recognisable logo.

Take a look at the FAQ if you'd like to integrate OpenID Selector w/ Facebook or Twitter or LinkedIn.

A demo based on JQuery is available here. A demo based on MooTools rather than JQuery is available here. A demo based on Prototype is also available. A Google Closure version is available in SVN trunk.

Features include: * Can easily add and remove provider buttons. * Unobtrusive Javascript - Still works with Javascript turned off. * Remembers OpenID provider choice by using a cookie. * Works with any OpenID libraries since it is just HTML and Javascript. * Minimal CSS styling so you can easily customise the login box. * CSS sprites * Internationalization support; Russian, Ukrainian, German, Japanese translations. French, Chinese (Simplified and Traditional) and Vietnamese translations are available in SVN trunk.

Tested and working with: * Firefox 3.0, 3.6 * IE6, IE7, IE8 * Google Chrome * Safari * Opera

The current version supports JQuery, MooTools and Prototype Javascript libraries.

CMS integrations: * Drupal OpenID Selector module http://www.drupal.org/project/openid_selector * WordPress OpenID Selector plugin http://wordpress.org/extend/plugins/wp-openid-selector/ * ASP.NET MVC 2 OpenID Selector integration http://blog.tchami.com/post/ASPNET-MVC-2-and-OpenID.aspx * CMS Made Simple OpenID project (includes OpenID Selector) http://dev.cmsmadesimple.org/projects/openid

Alternatives

A list of alternatives is being maintained at the bottom of this OpenID libraries site.


This is what it looks like:

http://lh4.ggpht.com/_IfEh7XYTTeE/STA1yGHn79I/AAAAAAAAADc/IXKrRpick4w/step1.png' alt='OpenID selector' /> http://lh5.ggpht.com/_IfEh7XYTTeE/STA1yHtcWdI/AAAAAAAAADk/00m-OoTQmr0/step2.png' alt='OpenID selector - step 2' />

Project Information

Labels:
openid javascript jquery