Как переключить логическое значение при нажатии кнопки через MYSQL - PullRequest
Новая
       25

Как переключить логическое значение при нажатии кнопки через MYSQL

0 голосов
/ 18 апреля 2020

Я занят экспериментом. Я пытаюсь повторить 10 кнопок, каждая кнопка адресована идентификатору и логическому значению (2 строки в phpmyadmin). Я хочу, чтобы каждая кнопка, если она нажата, инвертировала цвет с помощью логического значения. (если true, кнопка становится черной, если false, кнопка белая). Кроме того, я хочу запрос ajax Html, чтобы вы могли видеть изменения в реальном времени.

Я хочу, чтобы отображаемые кнопки инвертировали цвет с помощью функции, выполняемой нажатием кнопки. Это должно go через xml httprequest, который получает данные из базы данных.

* Изменения *

Я пытаюсь быть более точным в моем вопрос Я работал над кодом, он все еще не работает, но я чувствую, что он приближается.

logs. php


 $con= mysqli_connect("localhost","test","") or die ("Could not connect to MySQL!");
 mysqli_select_db($con, "buttons") or die ("Database not found!");

 $result1 = $con->query("SELECT * FROM buttons ORDER by id DESC");

 while ($extract = mysqli_fetch_array($result1))
 {
     if($extract['bool'] = true){
        echo "<form name='form1' mehod='POST'>
  <input type='button' name='btn' class='$id' href='#' style='background-color:black;' onclick='submitbtn()'/><br />
  </form>
        ";
    } else{
        echo "<form name='form1' mehod='POST'>
  <input type='button' name='btn' class='$id' href='#' style='background-color:white;' onclick='submitbtn()'/><br />
  </form>
        ";

    }

 }
?>

insert. php 



 $con= mysqli_connect("localhost","test","") or die ("Could not connect to MySQL!");
 mysqli_select_db($con, "buttons") or die ("Database not found!");

  $btn = $_REQUEST['btn'];
 $btn = !$btn;

 $con->query("INSERT INTO logs (`bool`) VALUES ($btn)");
 $result1 = $con->query("SELECT * FROM logs ORDER by id DESC");
    ?>

Указатель. php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Broahah</title>
    <script src="http://code.jquery.com/jquery-1.9.0.js"></script>

    <script>
  function submitbtn() {

   form1.btn = true;
   var btn = form1.btn.value;
   var xmlhttp = new XMLHttpsRequest();

   xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200)
    {
     var logs = document.getElementById("logs");
     logs.innerHTML = xmlhttp.responseText;
    }
   }

   xmlhttp.open('GET', 'insert.php?btn='+btn, true);
   xmlhttp.send();
  }

  $(document).ready(function(e) {
    $.ajaxSetup({cache:false});
    setInterval(function() {$('#logs').load('logs.php');}, 200);
  });
 </script>

</head>
<body>

  <div id="logs">
   loading...
  </div>
</body>
</html>

Спасибо за потраченное время

...