Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Zapisanie zmiennej z bazy danych do wskaźnika

Zdecydowałeś się na tworzenie interaktywnych stron przy pomocy PHP? Chcesz w łatwy i szybki sposób zarządzać danymi na swojej stronie? Tutaj znajdziesz pomoc w napotkanych przy tym trudnościach.

Zapisanie zmiennej z bazy danych do wskaźnika

Post 21.07.2018, 13:38:14

Hej, tworzę sobie malutką i dość prostą stronę, na której zbieram kilka wyników ze stacyjki pogodowej.
Aktualnie działa mi bez problemu tabelka w której są rosnąco/malejąco wyniki z tabeli, ale z racji iż lubię sobie komplikować życie chciałem dodać zegar pokazujący ostatni wynik w formie graficznej (w sensie ostatni dokonany pomiar).
Niestety nie potrafię wyciągnąć takowgo wyniku do zmiennej w zegarze :(
Może ktoś pomoże ? Zależy mi w zasadzie na temperaturze tylko.

Dokładniej chodzi by w:
Kod: Zaznacz cały
$("#gauge1").gauge(29, {color: "#F44336", unit: " °C"});


miejscu "29" był ostatni wynik temperatura.

Kod: Zaznacz cały
<!doctype html>
<html>
<head>
        <style>
        body {
                background: #333;
        }
        /*Centering the gauge*/
        canvas {
                display: inline;
                float: center;
                margin: 10px auto;
        }
        </style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="./jquery.gauge.js"></script>
</head>
<body>
<center>
<?php
                $servername = "XXX";
                $username = "XXX";
                $password = "XXX";
                $dbname = "XXX";
                $conn = new mysqli($servername, $username, $password, $dbname);
                if ($conn->connect_error) {die("Connection failed: " . $conn->connect_error);}
                $sql = "SELECT ID, wilgotnosc, tempOUT, odczuwalna, cisnienie, tempIN FROM DOM ORDER BY id DESC LIMIT 10";

                $result = $conn->query($sql);
                if ($result->num_rows >= 0) {
                        echo '<table cellspacing="0" border="2" rules="rows" bordercolor="black">';
                        echo '<tr>
                                        <td width="100px" bgcolor="silver" align="center">Pomiar:</td>
                                        <td width="100px" bgcolor="gray" align="center">Temperatura zewnetrzna:</td>
                                        <td width="100px" bgcolor="silver" align="center">Temperatura odczuwalna:</td>
                                        <td width="100px" bgcolor="gray" align="center">Cisnienie:</td>
                                        <td width="100px" bgcolor="silver" align="center">Wilgotnosc:</td>
                                        <td width="100px" bgcolor="gray" align="center">Temperatura wewnatrz:</td>


                                </tr>';
                        while($row = $result->fetch_assoc()) {
                                echo '<tr>
                                                <td bgcolor="silver" align="center">' . $row["ID"]. '</td>
                                                <td bgcolor="gray" align="center">' . $row["tempOUT"].'</td>
                                                <td bgcolor="silver" align="center">' . $row["odczuwalna"].'</td>
                                                <td bgcolor="gray" align="center">' . $row["cisnienie"].'</td>
                                                <td bgcolor="silver" align="center">' . $row["wilgotnosc"].'</td>
                                                <td bgcolor="gray" align="center">' . $row["tempIN"]. "</td>

                                        </tr>";
                        }
                        echo "</table>";
                } else {
                        echo "0 results";
                }
                $conn->close();
        ?>

<canvas id="gauge1" width="200" height="200"></canvas>
<canvas id="gauge2" width="200" height="200"></canvas>
<canvas id="gauge3" width="200" height="200"></canvas>
<script>
$(document).ready(function (){
        $("#gauge1").gauge(29, {color: "#F44336", unit: " °C"});
        $("#gauge2").gauge(70, {color: "#8BC34A", unit: " %", font: "40px verdana"});
        $("#gauge3").gauge(37, {unit: " °C"});
});
</script>
</body>
</html>
Bullseye
Posty: 5
Dołączył(a): 05.05.2008
Lokalizacja: Warszawa

Powrót do PHP i bazy danych


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Ahrefs [Bot], Google [Bot] i 1 gość

Hosting, Domeny, SSL

Subskrypcja

Mamy 51510 zarejestrowanych użytkowników.
Najnowszy użytkownik: Steeveroutt


Nasi użytkownicy napisali:

  • 937837 wiadomości
  • w 247508 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)