<< IE Blocking iFrame Cookies | Home | 개발 이론 >>

OpenID Selector 샘플

오픈 아이디의 Provider가 빈번하게 생겨나면서 고객이 아이디창에 일일이 URI방식으로 입력하면 번거로운데, 이를 좀 편리하게 해 주기 위해서 해당 프로바이더들을 선택해서 아이디 입력을 편하게 도와주는 idselector 기능을 구현해 보았습니다.

1. 특징
 - 한글/영문 지원(브라우저 사용 언어 기준)
 - 오픈 아이디 Provider의  추가와 상관없이 쉽게 3rd Party에서 사용 가능
 - 해당 언어 사용 국가별 Provider 배치 순서 정렬(추가 적용 예정)
 - 로그인 아이디 저장

2. 사용 방법
<form method="POST">
<input id="openid_identifier" name="openid_identifier" type="text" size=60/>
<input class="btn" type="submit" value="send"/>
</form>
<!-- BEGIN ID SELECTOR -->
<script src="http://mimul.com/idselect.js" charset="utf-8"></script>
<!-- END ID SELECTOR -->

 - 설명
 http://mimul.com/idselect.js 를 추가해 주고
 오픈 아이디 입력창의 id값이 openid_identifier를 유지해주면 자동으로 버튼이 들어가서 openid를 선택할 수 있는 버튼이 생성됨

3.   결과 화면
idselect

4. 데모 사이트
 - http://mimul.com/rpx/openid

[참고 사이트]
Tags : ,



Add a comment Send a TrackBack