title: Open-selector
link: http://jj.isgeek.net/2008/11/open-selector/
author: Jj
description: 
post_id: 456
date: 2008/11/09 23:30:11
created_gmt: 2008/11/10 04:30:11
comment_status: open
slug: open-selector

I've been thinking about doing this this for a while eve since I saw [Ma.gnolia's login screen](http://ma.gnolia.con/signin/). Finally found time toput it together this week, its pretty simple though.

![Open-selector logo](/uploads/open-selector-logo.png)

[Open-selector](http://www.open-selector.com/) is a piece of Javascript that takes your regular OpenID login box

![OpenID login box](/uploads/openid-login.png)

and turns it into a provider list so people can choose an OP and give their user account for that provider. Behind scenes Open-selector builds the identifier URL and makes submits it as a regular OpenID login.

![Open-selector combo](/uploads/combo.png) ![Open-selector provider list](/uploads/selected.png)

It is an alternative to [ID Selector](http://idselector.com) with a slightly different approach, and hides the OpenID URL _complexity_ to people that still can't understand an URL as an indentifier :? .

Here is how to use it (note the Jquery dependency):
    
    
    
    
    
    
    <script type="text/javascript" src="/js/jquery.js"></script>
    
    
    
    
    <script type="text/javascript" src="/js/open-selector.js"></script>
    
    
    
    
    <script type="text/javascript">
    
    
    
    
    
    
    
    
    
       // ID for the OpenID form 
    
    
    
    
        open_selector.openid_form_id= 'openid_form';
    
    
    
    
        // ID for the OpenID URL box
    
    
    
    
        open_selector.openid_box_id= 'openid_url';
    
    
    
    
        open_selector.init();
    
    
    
    
    </script>
    
    
    
    
    

Just include the js file, and call the init() method.

The source code is [available on Google Code](http://code.google.com/p/open-selector/).

Thoghts?, ideas?, improvements? all welcome :D .