Question

我有多个按钮用于不同的任务，并且在任务成功完成后成功/失败消息显示在隐藏的div上。它显示消息一段时间后再消失。

隐藏的div：

<script type="text/javascript">
    function showHide() {
            document.getElementById("hidden_div").style.display = "block";
    }
</script>

样本表格：

<form action="" method="post">
<input type="submit" value="Claim " id="btn" name="fbook" onclick="showHide()">
</form>

<form action="" method="post">
<input type="submit" value="Claim " id="btn" name="twitter" onclick="showHide()">
</form>

php code

if(isset($_REQUEST['fbook'])) {
echo " facebook ";
}
if(isset($_REQUEST['twitter'])) {
echo " twitter ";
}

问题：
当我单击第一个表单按钮时，它会显示“facebook”，然后刷新页面。当我点击第二个表单按钮时，它再次显示相同的消息 “脸书”，然后刷新页面。当我再次按下第二个按钮时，它会显示正确的消息“twitter”。

我需要实现的目标：

我有10个以上的条件供用户见面。并且在每个条件下，我想要奖励它们，一旦生成所需的查询，然后成功或失败消息将显示在隐藏的div上。

请建议任何其他替代方法来完成任务。

如果我能够摆脱表格并使用超级链接来实现更好的任务。

更新代码：

<div class="group">
<div class="echo" id="hidden_div" style="display:none ;width: 610px;height: 25px;border: 1px #e72727 solid;  -webkit-border-radius: 10px;border-radius: 10px;">
<?php
//Code for level 1 points
if(isset($_REQUEST['fbook'])) {
//sql queries goes here
echo " facebook ";
}
if(isset($_REQUEST['twitter'])) {
//sql queries goes here
echo " twitter ";
}
// and rest of the conditionss will also be written like this
//Code for level 3 points


?>
</div>

如何使用隐藏的div和多个条件运行多个查询

0 个答案: