Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JQUARY]
Forum PHP.pl > Forum > Przedszkole
cahir1987
Witam, od jakiegoś czasu staram się napisać stronę, która ma być "panelem sterowania oświetleniem". Strona pobiera wartość z adresu ip 192.168.1.200 na którym znajduje się serwer zawierający wartość 1 bądz 0. (1 światło załączone, 0 wyłączone). Umieściłem na stronie checkboxa i ubrałem go w 'tinytools.toggleswitch'. Chciałbym aby przycisk po kliknięciu wysłał http://192.168.1.200/?status=1 dla załączenia i http://192.168.1.200/?status=0 dla wyłączenia. oraz był niedostępny (disabled) gdy strona 192.168.1.200 jest niedostępna. Oczywiście strona po załadowaniu ma odczytać aktualną wartość z serwera jeśli dostępny zmienić przycisk na enabled i ustawić stan przycisku na wartość odczytaną albo aktualnie załączony czy wył. Poniżej kod który narazie udało mi się stworzyć. Nie wiem jak projekt popchnąć dalej potrafi mnie ktoś nakierować ? smile.gif
  1. <!DOCTYPE HTML>
  2. <html lang="pl">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Gnizdka :)</title>
  6. <script src="jquery/jquery-2.1.3.min.js"></script>
  7. <link rel=" stylesheet" type="text/css" href="tinyButton/tinytools.toggleswitch.min.css">
  8. <script src="tinyButton/tinytools.toggleswitch.min.js"></script>
  9.  
  10. <script>
  11. $(document).ready(function () {
  12. $("#gniazdko1").toggleSwitch({
  13. width: "200px",
  14. height: "70px",
  15. onLabel: "Załączone",
  16. offLabel: "Wyłączone"
  17. });
  18.  
  19. $("#gniazdko1").change(function() {
  20. if(this.checked) {
  21. setValue("192.168.1.200","1")
  22. }
  23. else
  24. {
  25. setValue("192.168.1.200","0")
  26. }
  27. });
  28.  
  29. });
  30.  
  31.  
  32. </script>
  33.  
  34.  
  35.  
  36. </head>
  37.  
  38.  
  39. <body>
  40.  
  41.  
  42. <?php
  43. $stan;
  44. $stan = file_get_contents( "http://192.168.1.200" ); //pobieranie wartości ze strony
  45.  
  46. echo<<<END
  47.  
  48. <h2>Panel sterowania:</h2>
  49.  
  50. <table border="1" cellpadding="10" cellspacing="0">
  51. <tr>
  52. <td><p style="font-family: Courier; font-size:20px;">Gniazdko 1 </p> </td>
  53. <td><input type="checkbox" id="gniazdko1"/></td>
  54. </tr>
  55.  
  56. </table>
  57. <br><br/>
  58.  
  59. $stan;
  60.  
  61.  
  62. END;
  63.  
  64. ?>
  65.  
  66.  
  67. </body>
  68. </html>


i zawartość z setValue:

  1. <?php
  2. $ch = curl_init($_GET["ip"]."/?status=".$_GET["stan"]);
  3. curl_exec($ch);
  4. if (curl_errno($ch)) {
  5. echo "error";
  6. }
  7. curl_close($ch);
  8. ?>
Pyton_000
A w czym masz problem?
cahir1987
To może krok po kroku smile.gif jak zrobić by checkbox zmieniał wartość zależnie od odczytane wartości 1 = checkbox true, 0 = false.
Pyton_000
Podstawy HTML się kłaniają

Kod
<input type="checkbox" name="stan" value="1"/>

Do tego albo możesz dodać Przed pole hidden z wartością 0 albo w PHP sprawdzać empty lub isset i ustawiać wartość 1 lub 0
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.