[ Príspevkov: 5 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.02.14
Prihlásený: 18.05.24
Príspevky: 450
Témy: 198 | 198
Bydlisko: Poprad-okolie
NapísalOffline : 06.09.2017 0:03 | Ajax na PHP kód

Ahojte, mám jednoduchú stránku, kde mam 8 formulárov, ktoré majú 1 animovaný checkbox pre zapnuté/vypnuté relátko, ktoré sa ovláda z netu. Problém je, že je to v stlpci a keď kliknem na zmenu, tak sa to vykoná ale vykoná sa pri tom aj refresh stránky. Chcem to bez refreshu. Bol by niekto ochotný poradiť?
Funguje to tak, že keď kliknem, tak javascript spustí kód. Pod kodom funguje 8 txt suborov, každý je pre jednu udalosť, kde mi PHP nahradí obsah.
Demo tu: https://arduino.php5.sk/rele/
Kód:
Kód:
  <!DOCTYPE html>
<html> 
<head>
  <link rel="stylesheet" href="style.css">
  </head>
  <body>
  <div style="padding:0 16px;">
  <?php
  if(isset($_POST["rele1"])) {
    if(file_get_contents("rele1.txt") === "1") {
      file_put_contents("rele1.txt", 0);
    }
    else {
      file_put_contents("rele1.txt", 1);
    }
  }
  if(isset($_POST["rele2"])) {
    if(file_get_contents("rele2.txt") === "1") {
      file_put_contents("rele2.txt", 0);
    }
    else {
      file_put_contents("rele2.txt", 1);
    }
  }
    if(isset($_POST["rele3"])) {
    if(file_get_contents("rele3.txt") === "1") {
      file_put_contents("rele3.txt", 0);
    }
    else {
      file_put_contents("rele3.txt", 1);
    }
  }
    if(isset($_POST["rele4"])) {
    if(file_get_contents("rele4.txt") === "1") {
      file_put_contents("rele4.txt", 0);
    }
    else {
      file_put_contents("rele4.txt", 1);
    }
  }
    if(isset($_POST["rele5"])) {
    if(file_get_contents("rele5.txt") === "1") {
      file_put_contents("rele5.txt", 0);
    }
    else {
      file_put_contents("rele5.txt", 1);
    }
  }
    if(isset($_POST["rele6"])) {
    if(file_get_contents("rele6.txt") === "1") {
      file_put_contents("rele6.txt", 0);
    }
    else {
      file_put_contents("rele6.txt", 1);
    }
  }
    if(isset($_POST["rele7"])) {
    if(file_get_contents("rele7.txt") === "1") {
      file_put_contents("rele7.txt", 0);
    }
    else {
      file_put_contents("rele7.txt", 1);
    }
  }
    if(isset($_POST["rele8"])) {
    if(file_get_contents("rele8.txt") === "1") {
      file_put_contents("rele8.txt", 0);
    }
    else {
      file_put_contents("rele8.txt", 1);
    }
  }
  ?>
   <form method="post" id="rele1f" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
   <input type="hidden" name="rele1" value="yes">
   <h1>Ovládanie relé v domácnosti</h1>
  <fieldset>
      <legend>Obývačka - prepäťovka</legend>
      <label onClick="document.getElementById('rele1f').submit();">
         <input name="releon" type="checkbox" <?php if(file_get_contents("rele1.txt") === "1") echo "checked"; ?>>
         <div>
            <span class="yes">ZAP</span>                                             
            <span class="no">VYP</span>
         </div>         
   
         <a class="slider"></a>
      </label>   
   </fieldset>
 
   </form>
    <form method="post" id="rele2f" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
    <input type="hidden" name="rele2" value="yes">

  <fieldset>
      <legend>Akvárium - ohrev</legend>
      <label onClick="document.getElementById('rele2f').submit();">
         <input name="releon" type="checkbox" <?php if(file_get_contents("rele2.txt") === "1") echo "checked"; ?>>
         <div>
            <span class="yes">ZAP</span>                                             
            <span class="no">VYP</span>
         </div>         
   
         <a class="slider"></a>
      </label>   
   </fieldset>
 
   </form>
   <form method="post" id="rele3f" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
    <input type="hidden" name="rele3" value="yes">

  <fieldset>
      <legend>Akvárium - svetlo</legend>
      <label onClick="document.getElementById('rele3f').submit();">
         <input name="releon" type="checkbox" <?php if(file_get_contents("rele3.txt") === "1") echo "checked"; ?>>
         <div>
            <span class="yes">ZAP</span>                                             
            <span class="no">VYP</span>
         </div>         
   
         <a class="slider"></a>
      </label>   
   </fieldset>
 
   </form>
      <form method="post" id="rele4f" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
    <input type="hidden" name="rele4" value="yes">

  <fieldset>
      <legend>El. zámok dverí</legend>
      <label onClick="document.getElementById('rele4f').submit();">
         <input name="releon" type="checkbox" <?php if(file_get_contents("rele4.txt") === "1") echo "checked"; ?>>
         <div>
            <span class="yes">ZAP</span>                                             
            <span class="no">VYP</span>
         </div>         
   
         <a class="slider"></a>
      </label>   
   </fieldset>
 
   </form>
    <form method="post" id="rele5f" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
    <input type="hidden" name="rele5" value="yes">

  <fieldset>
      <legend>Led pásik - garáž</legend>
      <label onClick="document.getElementById('rele5f').submit();">
         <input name="releon" type="checkbox" <?php if(file_get_contents("rele5.txt") === "1") echo "checked"; ?>>
         <div>
            <span class="yes">ZAP</span>                                             
            <span class="no">VYP</span>
         </div>         
   
         <a class="slider"></a>
      </label>   
   </fieldset>
 
   </form>
    <form method="post" id="rele6f" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
    <input type="hidden" name="rele6" value="yes">

  <fieldset>
      <legend>Napájanie - meteostanica</legend>
      <label onClick="document.getElementById('rele6f').submit();">
         <input name="releon" type="checkbox" <?php if(file_get_contents("rele6.txt") === "1") echo "checked"; ?>>
         <div>
            <span class="yes">ZAP</span>                                             
            <span class="no">VYP</span>
         </div>         
   
         <a class="slider"></a>
      </label>   
   </fieldset>
 
   </form>
   <form method="post" id="rele7f" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
    <input type="hidden" name="rele7" value="yes">

  <fieldset>
      <legend>Napájanie 433Mhz prijímač</legend>
      <label onClick="document.getElementById('rele7f').submit();">
         <input name="releon" type="checkbox" <?php if(file_get_contents("rele7.txt") === "1") echo "checked"; ?>>
         <div>
            <span class="yes">ZAP</span>                                             
            <span class="no">VYP</span>
         </div>         
   
         <a class="slider"></a>
      </label>   
   </fieldset>
 
   </form>
   <form method="post" id="rele8f" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
    <input type="hidden" name="rele8" value="yes">

  <fieldset>
      <legend>Žiarovky - lúster</legend>
      <label onClick="document.getElementById('rele8f').submit();">
         <input name="releon" type="checkbox" <?php if(file_get_contents("rele8.txt") === "1") echo "checked"; ?>>
         <div>
            <span class="yes">ZAP</span>                                             
            <span class="no">VYP</span>
         </div>         
   
         <a class="slider"></a>
      </label>   
   </fieldset>
 
   </form>
   
    </div>

</body>
</html>

Stačí mi demo pre 1-2 buttony ostatok si už dokončím sám. Nemám s ajaxom prakticky žiadnu skúsenosť. Ďakujem.


Offline

Správca fóra
Správca fóra
Ajax na PHP kód

Registrovaný: 08.08.09
Príspevky: 12449
Témy: 39 | 39
NapísalOffline : 06.09.2017 0:48 | Ajax na PHP kód

Pri ajaxe nemôžeš robiť submit ako si zvyknutý.
Kde máš JS čo to obsluhuje?
Ukladať to do 8 textových súborov je cesta do pekla, nemáš databázu? Aspoň nejaké NoSQL riešenie?


_________________
always is always wrong
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.02.14
Prihlásený: 18.05.24
Príspevky: 450
Témy: 198 | 198
Bydlisko: Poprad-okolie
Napísal autor témyOffline : 06.09.2017 1:26 | Ajax na PHP kód

Nemám z databázy ako prečítať jednočipovým procesorom čo tam je. Neprečíta mi stránku ako takú ani v html ani php.
Toto je ten js kód či? document.getElementById Ten to riadi pri zmene, že spustí ten php kód. A databázu mám MySQL


Offline

Správca fóra
Správca fóra
Ajax na PHP kód

Registrovaný: 08.08.09
Príspevky: 12449
Témy: 39 | 39
NapísalOffline : 06.09.2017 8:55 | Ajax na PHP kód

Tak si ešte raz prečítaj čo som radil: https://www.pcforum.sk/voice-to-text-vt194176.html#p1846952


_________________
always is always wrong
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.02.14
Prihlásený: 18.05.24
Príspevky: 450
Témy: 198 | 198
Bydlisko: Poprad-okolie
Napísal autor témyOffline : 06.10.2017 21:01 | Ajax na PHP kód

Kocúr, ako by ti toto previedol do ajaxu? Čo najjednoduchšie? Ajax som používal pri elementoch tabuľky napr som mal <td id=hh></td> a medzi tagy mi to vložilo to, čo som potreboval. Výpis txt súboru, či vykonanie php skriptu. Potrebujem ale vložiť hodnotu priamo do atribútu...
Kód:
<input type="number" min="0" max="100" step="1" value="<?php echo file_get_contents(__DIR__ . '/values/nastavenazavlaha.txt'); ?>" name="hodnotanastavenazavlaha">

Neviem nato prísť, ako to nasmerovať na ten element value? Skúšal som aj niekoľko tutoriálov ale nešlo to.. Vieš mi pomôcť?


 [ Príspevkov: 5 ] 


Ajax na PHP kód



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

php,ajax

v PHP, ASP

4

551

15.01.2012 22:45

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

PHP ajax guestbook

v JavaScript, VBScript, Ajax

3

3399

20.02.2012 1:05

Azuritko

V tomto fóre nie sú ďalšie neprečítané témy.

php / ajax / kodovanie / cluetips

v PHP, ASP

3

563

03.01.2010 15:27

juho

V tomto fóre nie sú ďalšie neprečítané témy.

Par rad - PHP/AJAX

v PHP, ASP

7

779

28.11.2010 14:20

sedlák

V tomto fóre nie sú ďalšie neprečítané témy.

AJAX posielanie obrázkov do PHP

v JavaScript, VBScript, Ajax

0

298

09.07.2013 11:14

Pades

V tomto fóre nie sú ďalšie neprečítané témy.

Jquery( Ajax) post do PHP

v JavaScript, VBScript, Ajax

6

511

28.06.2013 14:53

rann14

V tomto fóre nie sú ďalšie neprečítané témy.

Form cez ajax php neodosiela

v PHP, ASP

0

368

05.01.2012 18:39

Pablo Montero

V tomto fóre nie sú ďalšie neprečítané témy.

Ajax + PHP Class - server bez reakcie

v JavaScript, VBScript, Ajax

3

583

20.07.2013 2:36

math-ew

V tomto fóre nie sú ďalšie neprečítané témy.

Predám knihy (C++, PHP, AJAX, Python...)

v Predám

0

456

02.06.2014 18:45

marrten

V tomto fóre nie sú ďalšie neprečítané témy.

pole z PHP do javascript cez Ajax

v JavaScript, VBScript, Ajax

12

864

18.12.2010 15:00

coldak

V tomto fóre nie sú ďalšie neprečítané témy.

Hladam zdatneho PHP/JS/AJAX... kodera pre komunikacny script

v Ponuka práce

1

1046

20.09.2008 18:53

Hack2er

V tomto fóre nie sú ďalšie neprečítané témy.

PHP kod, pomoc

v PHP, ASP

6

646

21.09.2008 17:52

Blackdevil

V tomto fóre nie sú ďalšie neprečítané témy.

zdrojovy php kod stranky

v PHP, ASP

4

660

20.09.2007 19:22

qacer

V tomto fóre nie sú ďalšie neprečítané témy.

Poslat do inputu php kód

v PHP, ASP

7

451

11.08.2012 23:43

1daemon1

V tomto fóre nie sú ďalšie neprečítané témy.

Na webe nefunkčný php kód

v PHP, ASP

4

509

28.02.2011 21:52

masliak

V tomto fóre nie sú ďalšie neprečítané témy.

Ako vložiť do HTML php kod

v HTML, XHTML, XML, CSS

26

3296

14.05.2008 14:25

Tominator



© 2005 - 2024 PCforum, edited by JanoF