解锁代码以关闭灯箱

时间:2014-09-18 08:50:18

标签: javascript jquery lightbox

我希望有人输入解锁代码'在灯箱上关闭那个灯箱。

使用我使用的灯箱脚本来关闭灯箱我通常可以使用代码:

onclick = "close()"

或添加到元素:class = "close"

相反,我希望在选择正确的解锁代码时关闭它。关于如何最好地做到这一点的任何想法。

2 个答案:

答案 0 :(得分:0)

好吧,根据您是否需要动态或静态代码,将有不同的方法。

如果你想要一个动态代码,你需要一个javascript函数来创建一个代码,并在触发灯箱时将它附加到一个元素。然后将输入字段的值与从此函数创建的javascript变量进行比较。如果他们做比较,则触发close();功能

如果您只想要一个静态代码,那么您只需使用:

$("#id_of_textbox").keyup(function(event){
    if(event.keyCode == 13){
        if( $(this).val() == 'close' ) {
            close();
        }
    }
});

答案 1 :(得分:0)

好吧我明白了。这就是我解决它的方法:

    <script language="javascript">
function password(form) { 
if (form.pass.value=="password") {              
close(); 
} else {
alert("Invalid unlock code")
}
}
</script>

<center>
<form name="login">Unlock code:  <input name="pass"
type="password">   <input type="button" value="Submit"
onClick="password(this.form)">
</script>`

您可以使用适合使用密码的相同代码将您带到网站:

<script language="javascript">
function password(form) { 
if (form.pass.value=="password") {              
location="http://www.bbc.com" 
} else {
alert("Invalid unlock code")
}
}
</script>

<center>
<form name="login">Unlock code:  <input name="pass"
type="password">   <input type="button" value="Submit"
onClick="password(this.form)">