So my ultimate goal is for my database to inform my site when something is sold so that it will darken out and so a hypothetical customer couldn't buy something that was already sold. I have the my database setting php session variables but I'm having trouble transferring that information into javascript/jquery. I'm not sure if it's because I'm doing it wrong or because there is something logically wrong with my approach. Thank you! Here is my code: PHP:
<?php
$customer = new order;
$customer->item1Avail();
$customer->item2Avail();
$customer->item3Avail();
$customer->item4Avail();
var_dump($_SESSION);
$item1Status = $_SESSION['item1'];
$item2Status = $_SESSION['item2'];
$item3Status = $_SESSION['item3'];
$item4Status = $_SESSION['item4'];
?>
Jquery:
var item1Status = <?php echo json_encode($item1Status); ?>;
var item2Status = <?php echo json_encode($item2Status); ?>;
var item3Status = <?php echo json_encode($item3Status); ?>;
var item4Status = <?php echo json_encode($item4Status); ?>;
if(item1Status == "sold"){
$("#picture1").css("opacity", "0.5");
$("#button1").css("visibility", "hidden");
$("#item1").css("opacity", "0.5");
}
if(item2Status == "sold"){
$("#picture2").css("opacity", "0.5");
$("#button2").css("visibility", "hidden");
$("#item2").css("opacity", "0.5");
}
if(item3Status == "sold"){
$("#picture3").css("opacity", "0.5");
$("#button3").css("visibility", "hidden");
$("#item3").css("opacity", "0.5");
}
if(item4Status == "sold"){
$("#picture4").css("opacity", "0.5");
$("#button4").css("visibility", "hidden");
$("#item4").css("opacity", "0.5");
}
var item1Status = "<?php echo json_encode($item1Status); ?>";