프로그램의 화면 잠금

Question

실제로 질문 : 나는 어떻게 해야할지 모르겠다. 그런 식으로 내가 어떻게 당신에게 물어 보는지 알기 위해 구글에서 무엇을 찾아야할지 모른다.

화면 첨부 :

이 원을 기록 잉여금에 어떻게

, 다음 세트는 단지 그들의의 기입 한 후, 그것의 가능성이 프로그램에서 시작?

은 좀, DEMO 짓을했는지,하지만 난 아무 생각

var codeBut = $('#code_block td div').addClass('common_class'); 
var res = $('#res'); 
var uname = $('#uname'); 
var codeArr = []; 

Array.prototype.remove=function(s){ 
    for (i=0; i < this.length; i++){ 
     if (s == this[i]){ 
      this.splice(i, 1); 
      --i; 
     } 
    } 
}; 

codeBut.click(function(){ 
    $(this).toggleClass('choiced'); 
    if($(this).hasClass('choiced')){ 
     codeArr.push($(this).text()); 
    } else { 
     codeArr.remove($(this).text()); 
    } 
    res.text(codeArr.join('')); 
    if(res.text() === ''){ 
     res.rext(''); 
    } 
}); 

function clearInfo(){ 
    uname.val(''); 
    codeBut.removeClass('choiced'); 
    codeArr = []; 
    res.text(''); 
} 

$('#reg').click(function(){ 
    var userName = $.trim(uname.val()); 
    var userPass = $.trim(codeArr.join('')); 
    if(!localStorage.getItem(userName)){ 
     if(userName !== '' && userPass !== '') { 
      localStorage.setItem(userName, userPass);   
     } else { 
      alert('Имя или пароль не введены!'); 
     } 
    } else { 
     alert('Это имя уже используется!'); 
    } 
    clearInfo(); 
}); 
$('#login').click(function(){ 
    var userName = $.trim(uname.val()); 
    var userPass = $.trim(codeArr.join('')); 
    var curPass = localStorage.getItem(userName); 
    if(curPass != null){ 
     if(curPass == userPass) { 
      localStorage.setItem(userName, userPass); 
      alert('Ух, ты! Здарофф ' + userName + '! Пиво будешь?'); 
      clearInfo(); 
     } else { 
      alert('Парольчик корректный введите, плиззз!!!'); 
     } 
    } else { 
     alert('Юзверя с таким именем - нет!'); 
     clearInfo(); 
    } 
}); 
//localStorage.clear(); 

Answer 1

자바 스크립트에서 해당 기능을 구현하는 코드 플렉스에서 프로젝트가이 없기 때문에 나는 스틱을 드래그 할 필요가 : http://9dotpatternlock.codeplex.com/