Javascript 如果答案正确,身体负荷!有什么想法吗?

Javascript 如果答案正确,身体负荷!有什么想法吗?,javascript,jquery,if-statement,onload,cover,Javascript,Jquery,If Statement,Onload,Cover,伙计们,我在我的网站上找不到这样做的方法。 我需要的东西涵盖了整个网站(可以是一个黑色背景的div或图像,无论什么),一个问题出现之前,身体负荷 此人在输入上键入答案并提交,如果答案正确(答案可以在html上看到),则加载正文,或者覆盖页面的黑色背景div消失,显示网站 任何覆盖网站并仅在键入某个单词后加载正文的内容。 有人能帮我吗(您用jQuery标记了这个问题,因此我建议使用modal=true创建一个jQuery对话框 请参阅jQuery网站上的模式表单。您可以从$(document).r

伙计们,我在我的网站上找不到这样做的方法。 我需要的东西涵盖了整个网站(可以是一个黑色背景的div或图像,无论什么),一个问题出现之前,身体负荷

此人在输入上键入答案并提交,如果答案正确(答案可以在html上看到),则加载正文,或者覆盖页面的黑色背景div消失,显示网站

任何覆盖网站并仅在键入某个单词后加载正文的内容。
有人能帮我吗(

您用jQuery标记了这个问题,因此我建议使用
modal=true
创建一个jQuery对话框

请参阅jQuery网站上的模式表单。您可以从
$(document).ready
块打开对话框,并且只有在用户在表单中输入正确的值时才能关闭对话框


请记住,知道如何使用浏览器开发人员工具栏的用户可以绕过您提出的任何问题。

您用jQuery标记了这个问题,因此我建议使用
modal=true
的jQuery对话框

请参阅jQuery网站上的模式表单。您可以从
$(document).ready
块打开对话框,并且只有在用户在表单中输入正确的值时才能关闭对话框


请记住,知道如何使用浏览器的开发者工具栏的用户可以绕过您提出的任何内容。

您可以使用
display:none
隐藏正文的其余部分(包含在div中),并在答案正确时更改该属性


使用模态是另一种选择,在
$(function(){})
文档中使用jQueryUI。ready
块。

您可以使用
显示:none
隐藏正文的其余部分(包含在div中),并在答案正确时更改该属性


使用模态是另一个选项,在
$(function(){})中使用jQueryUI
文档。就绪
块。

不要将其视为阻止身体加载,然后在人键入答案后允许加载。从两个
开始,一个包含问题,另一个包含身体内容。隐藏“身体”
div
初始设置,并在用户回答问题后显示


你的问题将在body标签中,因此你永远隐藏整个
body

是没有意义的。不要将其视为阻止加载body,然后在用户键入答案后允许加载。从两个
开始,一个包含问题,另一个包含body内容。隐藏首先显示“body”
div
,并在用户回答问题后显示


您的问题将在body标签中,因此您永远都无法隐藏整个
body

嗯,我认为您需要使用服务器端脚本来执行类似操作…

例如,使用php、asp、python等验证答案。

好吧,我认为您需要使用服务器端脚本来执行类似的操作…

例如,使用php、asp、python等验证答案。

制作一个HTML页面,其中包含您想问的问题或任何其他您想问的问题。

将带有操作的submit按钮设置为servlet,当用户在回答您的问题后点击submit按钮时,您将通过
请求在servlet中检查答案是否正确。getParameter

您将在网站的第一页设置URL,

如果为false,则将URL设置为他所在的第一个页面…

创建一个HTML页面,其中包含您想问的问题或其他任何您想问的问题。

将带有操作的submit按钮设置为servlet,当用户在回答您的问题后点击submit按钮时,您将通过
请求在servlet中检查答案是否正确。getParameter

您将在网站的第一页设置URL,
如果为false,则将URL设置为他所在的第一页…

请参见

您可以将以下代码添加到
,以便在加载
之前执行:

var ask=prompt('Write answer here:',"answer");
if(ask!="answer"){
    //If the answer is wrong, we stop the document's loading
    if(window.stop){
        window.stop();
    }else if(document.execCommand){
        document.execCommand('Stop');
    }else{
        document.write('<!--');
    }
}

您可以将以下代码添加到
,以便在加载
之前执行:

var ask=prompt('Write answer here:',"answer");
if(ask!="answer"){
    //If the answer is wrong, we stop the document's loading
    if(window.stop){
        window.stop();
    }else if(document.execCommand){
        document.execCommand('Stop');
    }else{
        document.write('<!--');
    }
}

如果你正在为一些代码而挣扎,我们可以帮助你,但我们不会为你编写。你开始寻找能部分完成你想要的内容的教程如何?当你把这些小部分工作好后,你就可以把它们放在一起了。不需要代码,只是想一想我应该使用什么代码。我知道我必须使用一个点击按钮来获得答案。。。我只是需要一个关于如何使用这个的一般概念。谢谢你的帮助这一点都不难做到,但请记住,它将非常非常容易“黑客”。如果有人想看到你的页面,他们所要做的就是使用一点firebug魔法来
显示:none
远离“封面”,瞧,他们可以看到页面。@kathryn好吧,代码确实取决于你想要的安全性。任何javascript实现都相对容易绕过,但有些方法比其他方法更麻烦。根本不需要安全:)任何能让这一技巧奏效的方法都可以。非常感谢大家!我们可以帮助你,如果你正在努力与一些代码,但我们不会为你写它。你可以开始寻找一些你想要的教程吗?当你让这些小部件工作起来,你就可以把它们放在一起。不需要代码,只要知道我应该使用什么代码就行了。我知道我将不得不使用一个点击的答案。。。我只是需要一个大概的想法,看看这个用什么。谢谢你的帮助这一点都不难做到,但请记住,这将是非常非常容易“黑客”。如果有人想看到你的页面,他们所要做的就是使用一点firebug魔法
显示:none
去掉“封面”,瞧,这个
<div class="a">
    You should se me
</div>
<div id="cover"></div>
<script type="text/javascript">
var wrongAnswer=prompt('Write answer here:',"answer")!="answer";
document.getElementById('cover').style.display='none';
if(wrongAnswer){
    alert("Wrong answer!!");
    document.write('<!--');
}
</script>
<div class="a hide">
    If you see me, you have written the right answer!
</div>
<script type="text/javascript">
if(!wrongAnswer){
    document.write('<!-- ');
}
</script>
-->
<div class="a">
    You should see me too
</div>
#cover{position:fixed;top:0;left:0;height:100%;width:100%;
    background:yellow;/* Set it to the color that you want */
}