myscrapyard / openid-selector

Automatically exported from code.google.com/p/openid-selector
0 stars 0 forks source link

OVERVIEW

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.

USAGE

See demo.html source

TROUBLESHOOTING

Please remember after you change list of providers, you must run generate-sprite.js to refresh sprite image

generate-sprite.js requires ImageMagick to be installed and works only in Windows (non-Windows users must run ./generate-sprite.sh or ./generate-sprite.rb)

Before running generate-sprite.js for the first time, check its source code and correct line 16 (var imagemagick = '<...>';) to point to ImageMagick install dir.

Please also remember that sprites may be reused: if two localizations have the same provider list that differs only in text, it is reasonable to reuse the sprite: for example German localization is reusing sprite from English localization, Ukrainian localization is reusing sprite from Russian localization, etc.

So, if provider list in root localization changes, localizations that reuse the sprite must be also changed, or unlinked or relinked to new root localization.

HOWTO

  1. how to create new (small) provider icon a. launch web browser, go to http:///favicon.ico and save the image as .ico in ./images.small folder b. launch GIMP or Photoshop and save 16x16 rendition from the icon as .ico.gif c. use ImageMagick command like convert .ico .ico.png to convert the icon to PNG format (it might generate several files, just pick 16x16 rendition and rename it as .ico.png w/o .1.)

  2. how to create new (large) provider image a. grab provider logo image from its website b. resize the image not to exceed 90x30 rect c. save as the image as .gif in ./images.large folder

  3. 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() { $('#').click(); } the same mechanism also applies if you want to plug-in any oauth or xauth provider

LICENSE

This code is licensed under the New BSD License.