从www.idselector.com了解到OpenID的登录表单构造器,很是喜欢,于是汉化了提供大家使用,同时也集成了国内外比较有名的OpenID身份提供商,以方便懒人使用。
下载地址:http://www.nfodb.cn/javascripts/idselector.js
使用效果参考:http://www.nfodb.cn/login 和 htttp://www.iduku.cn/login
主要是设置好javascript中的idselector_input_id和idselector_target_id这两个变量,分别代表登录帐号输入框和下拉按钮的id。
RoR中的视图代码为:
<% form_tag session_path do -%>
<h4>使用OpenID帐号登录</h4>
<label for="openid_url">帐号:</label>
<%= text_field_tag "openid_url" %>
<span id="openid_button"></span>
<%= submit_tag '登 录', :id => 'openid_commit' %>
<% end -%>
<!--
<script type="text/javascript">
idselector_input_id = "openid_url";
idselector_target_id = "openid_button";
</script>
//-->
<%= javascript_include_tag "idselector" %>
</div>