HTML-поле пароля, если оно правильное, исчезнет, чтобы открыть блог

Question

HTML-поле пароля, если оно правильное, исчезнет, чтобы открыть блог

0

Поэтому мне удалось создать страницу переадресации паролей, так как при вводе правильного пароля страница перенаправляет вас на другой URL-адрес. (psswrdtest.tumblr.com и пароль correctpsswrd, который перенаправляет вас на google.com *)

Он работает отлично и все, и вчера я приступил к попытке сделать страницу пароля затухающей, чтобы открыть блог (если введен правильный пароль.) Я вставил свой пароль в мою текущую тему и использовал немного jquery, но это все равно не сработает !! Это моя последняя попытка.

Любая идея, что я делаю неправильно?

Это css:

#hamuko {
    position:fixed;
    display:table;
    width:100%;
    height:100%;
    background:{color:background}
    url('{image:background}') left bottom repeat;
    {block:iflittlecursor} cursor: url(http://i.imgur.com/ZOrzC.png), auto; {/block:iflittlecursor}
    z-index:2147483647;
    top:0;
}

#hamuko #aki {
    display:table-cell;
    font-size:16px;
    vertical-align:middle;
    text-align:center;
    {block:iflittlecursor}cursor: url(http://i.imgur.com/ZOrzC.png), auto; {/block:iflittlecursor}
}

#hamuko #sooj {
    margin-top:{text:top}px;
    margin-left:{text:text left}px;
    margin-bottom:5px;
    width:{text:text width};
    text-align:center;
    color: {color:text};
}

#hamuko #yosugay {
    border:1px solid {color:border};
    width:150px;
    height:25px;
    font-size:19px;
    line-height:19px;
    background:{color:form background};
    color:{color:border};
}

#hamuko #stupei {
    z-index:1;
    position:absolute;
    margin-left:155px;
    {block:iflittlecursor}cursor: url(http://i.imgur.com/ZOrzC.png), auto; {/block:iflittlecursor}
}

#hamuko #button {
    margin-left:5px;
    border:1px solid {color:border};
    background:{color:form background};
    width:40px;
    height:29px;
    text-align:center;
    color:{color:border};
}

#hamuko #yosugay:hover {
    {block:iflittlecursor}cursor:url(http://i.imgur.com/ZOrzC.png), auto;{/block:iflittlecursor}
}

#hamuko #kouchan {
    position:absolute;
    margin-top:{text:pic up}px;
    margin-left:{text:pic left}px;
    width:{text:pic width};
    z-index:0;
}

Это мой jquery, вставленный сразу после кодов CSS для него,

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<SCRIPT LANGUAGE="JavaScript">
function goForit() {
    var passwd;
    passwd = document.getElementById('yosugay').value;
    if(passwd=="{text:password}"){
        $(document).ready(function() {
            $('#hamuko').fadeOut(1000);
        });
    else{
        alert('{text:wrong alert}');
    }
}
</SCRIPT>

Это html, который добавлен P

<body>
<div id="hamuko">
    <div id="sooj">
        <img src="{image:pixel}" />
        {text:form text}
        <img src="{image:pixel}" />
    </div>
    <div id="aki">
        <form>
            <input type="password" name="arisatos" id="yosugay">
        </form>
    </div>
    <div id="stupei">
        <form>
            <button id="button" type="button" onClick="goForit()">{text:button text}</button>
        </form> 
    </div>
    <img id="kouchan" src="{image:pic}" title="{text:pic title}">
</div>

Но результаты

Код моего пароля не будет отображаться
Фактически, это произошло от (http://psswrdtest.tumblr.com/), где мой код пароля работает нормально (/http://yamagitenshi.tumblr.com/), где я попытался сделать страницу пароля исчезать в блоге, если пароль правильный (correctpsswrd)
Где бесполезная пустая белая коробка остается на странице
Для тех, кто хочет увидеть полный код неудачной попытки, просмотрите источник http://yamagitenshi.tumblr.com

Пожалуйста, кто-нибудь знает, что я делаю неправильно? Я думал, что сделал все, и проверил несколько раз и даже изменил формат моего css (и т.д. От #hamuko #aki до.hamuko #aki или #hamuko.aki и даже # hamuko-content #aki), но безрезультатно! !

Спасибо вам, так много, чтобы кто-нибудь мог указать, что я сделал не так, и даже если вы этого не сделаете.

sha 06 май 2014, в 11:40

Источник

Теги:

javascript

jquery

html

css

passwords

1 ответ

Ещё вопросы

Felix · Answer 1 · 2014-05-06T07-20-00.000Z

Попробуйте использовать .click() вместо встроенной функции onClick и заменить весь ваш текущий код javascript:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script>
    $(function() {
        $('#button').click(function() {
            var passwd = document.getElementById('yosugay').value;
            if(passwd=="{text:password}"){
                $('#hamuko').fadeOut(1000);
            } else {
                alert('{text:wrong alert}');
            }
         });
     });
</script>

Я пытался, но это все равно не сработает yamagitenshi.tumblr.com