Attığınız kodları önce şöyle güncelleyin:
<div class="row status-container">
<div class="status-text" id="availableText">
<i class="fas fa-check-circle"></i> Müsait
</div>
<div class="status-toggle-wrapper">
<div class="status-toggle inactive" id="statusToggle"></div>
</div>
<div class="status-text" id="busyText">
<i class="fas fa-times-circle"></i> Meşgul
</div>
</div>
<script>
$(document).ready(function() {
$('#statusToggle').click(function() {
$(this).toggleClass('active inactive');
let durum = $(this).hasClass('active') ? 1 : 2;
if (durum === 1) {
$('#availableText').css('color', 'green');
$('#busyText').css('color', '#fff');
} else {
$('#availableText').css('color', '#fff');
$('#busyText').css('color', 'red');
}
$.ajax({
url: 'ajax.php',
type: 'POST',
data: { durum_kurye: durum },
success: function(response) {
console.log(response);
},
error: function(xhr, status, error) {
console.error('Durum güncellenemedi:', error);
}
});
});
});
</script>
</body>
</html>Sonra ajax.php adında bir dosya oluşturun, veritabanı dosyanızı dahil edip globalleri kendinize göre ayarlayın.
<?php
session_start();
include 'db.php';
$user_id = $_SESSION['user_id'];
$durum_kurye = $_POST['durum_kurye'];
$sql = "UPDATE user SET durum_kurye = ? WHERE id = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param('ii', $durum_kurye, $user_id);
if ($stmt->execute()) {
echo "Durum güncellendi.";
} else {
echo "Hata: " . $stmt->error;
}
$stmt->close();
$conn->close();
?>