2

实际上的问题是：我自己不知道该怎么做，我不知道在谷歌中寻找什么来了解如何做到这一点我问你，亲爱的社区！

附屏幕：

它如何保留得分圈，以及下一组，它只有在他们进入一个程序后才能启动它的可能性？

我已经做了一些，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();
4

1 回答 1

2

codeplex 有一个项目在 javascript 中实现了该功能：http: //9dotpatternlock.codeplex.com/

于 2012-10-18T01:35:36.847 回答