Остановить вставку, если пользователь нажимает на активную кнопку

Question

У меня есть две кнопки (вход и выход). Когда logout активен, если пользователь снова нажимает кнопку выхода из системы, то не следует вставлять или обновлять. То же самое для кнопки входа.

Теперь он вставляет, когда пользователь нажимает на активную кнопку. Мне нужно это избежать.

Заранее спасибо.

Код:

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

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

var params = "id="+id; 

xmlhttp.open("POST","insertdate.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

<table> 
<tr> 
    <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;?>');"> Login</button> 
    </td> 
    <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;?>');"> Logout</button> 
    </td> 
</tr> 
</table> 

insertdate.php date_default_timezone_set ("Asia/Калькутта"); $ дата = дата («Ymd», время());?>

<?php $time=date("H:i:s",time()); 
include_once "database.php"; 
$q = $_POST['id']; 

$sql_check="select * from entries where user_id='$q' order by id desc";/*last row*/ 
$res_check=mysql_query($sql_check); 
$row=mysql_fetch_array($res_check); 
$logout_date=$row['logout_date']; 
$num=mysql_num_rows($res_check); 
$id=$row['id']; 

if($logout_date != "" || $num=='0'){ 
$sql1="insert into entries(user_id,login_date,login_time,logout_date,logout_time)values('$q','$date','$time','','')"; 
$res1=mysql_query($sql1); 
$sql="update users set entry='1' where id='$q'"; 
$res=mysql_query($sql); 
} 
else{ 
$sql="update entries set logout_date='$date', logout_time='$time' where id='$id'"; 
$res=mysql_query($sql); 
$sql1="update users set entry='0' where id='$q'"; 
$res1=mysql_query($sql1); 
} 

Answer 1

Вы можете остановить пользователя от нажатия кнопки второй и раз подряд, отключив кнопки после первого щелчка, используя простой JavaScript код.

Как только действие будет завершено, вы можете включить кнопку назад (или скрыть ее, как и для входа/выхода).