首次单击后显示警告框并停止更改背景颜色

时间:2014-09-24 07:10:45

标签: php ajax

我有两个按钮(登录和注销)。用户单击登录按钮后,将通过更改背景颜色启用注销按钮,然后当用户单击注销按钮时,登录将启用哪个工作正常。我需要显示提醒框说" 您不能每天多次选择登录"当用户在同一天再次点击登录按钮时,也会停止更改背景颜色。

提前致谢

代码:

<script>
function insertDateTime(obj, id)
{
$("[id^='"+obj.id+"']").css('background', '#D4B357').css('font-weight', 'bold').css('font-size', '15px').css('color', 'black');
$(obj).css('background', '#FFFFFF').css('font-weight', 'normal').css('font-size', '14px').css('color', 'grey');

if (window.XMLHttpRequest) {
    xmlhttp=new XMLHttpRequest();
} else { // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

var params = "id="+id;

xmlhttp.open("POST","login_date_insert.php",true);

xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
/*    xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");*/
xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        //alert(xmlhttp.responseText);
    }
}        
xmlhttp.send(params);
}
</script>

getuser.php

$entry=$row['entry'];
?>
<table>
<tr>
   <td>
       <button id="btnSave" <?php if($entry=='0'){?> style=" background:#D4B357; font-weight:bold; font-size:15px; color:black;outline:0px;"<?php }?> onclick="insertDateTime(this,'<?php echo $q;?>');"> Login</button>
   </td>
   <td>
       <button id="btnSave" <?php if($entry=='1'){?> style=" background:#D4B357; font-weight:bold; font-size:15px;color:black;outline:0px;"<?php }?> onclick="insertDateTime(this,'<?php echo $q;?>');"> Logout</button>
   </td>
</tr>
</table>

0 个答案:

没有答案