이메일 입력 후 div에 gravatar 표시

Question

내가 원하는 것은 "사용자가 자신의 전자 메일을 입력하고 암호 필드로 이동했거나 전자 메일을 입력 한 후 jquery가 사용자 gravatar를로드하도록 완료했습니다. 로그인 페이지에 삽입 된 전자 메일을 기반으로 임시 no-image 이미지를 포함하는 div에이 이미지를로드합니다. "

은 내가이 jQuery를

Answer 1

로 할 수있는 방법은 어떤 HTML은

<input id="email" ... /><img id="gravatar" style="display:none;"/> 

Gravatar에 호출은 매우 간단하기 때문에 누군가가 제안 그것은 아약스 필요하지 않습니다를 부여하지 않습니다.

jQuery를이

$('#email').on('change', function(){ 
    var hash=md5($('#email').val()); // you will need to find a javascript md5 function 
    $('#gravatar').attr('src', 'http://www.gravatar.com/avatar/' + hash).show(); 
}); 

나는 이미지를 미리로드 귀찮게하지 않았습니다.

"또는 그냥 입력 전자 메일" 완료 - 당신이 이것을 원한다면 당신은 이메일 주소 유효성 검사 기능에 던져 버리고 키 업도 확인합니다.

$('#email').on('keyup change', function(){ 
    if (is_email_address($(this).val()){ 
     var hash=md5($('#email').val()); // you will need to find a javascript md5 function 
     $('#gravatar').attr('src', 'http://www.gravatar.com/avatar/' + hash).show(); 
    } 
});