一个OpenID登录的辅助表单工具

从www.idselector.com了解到OpenID的登录表单构造器,很是喜欢,于是汉化了提供大家使用,同时也集成了国内外比较有名的OpenID身份提供商,以方便懒人使用。

 

下载地址:http://www.nfodb.cn/javascripts/idselector.js

 

使用效果参考:http://www.nfodb.cn/loginhtttp://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>

 

一个OpenID登录的辅助表单工具

你可能感兴趣的:(JavaScript)