FST WebDemo | PLCWeb Project |
A JavaScript-et használva dinamikusan változó grafikákat rakhatunk oldaljainkra.
A következõ példában egy keresztezõdés forgalmát irányító közlekedési lámpa
mûködtetése kerül megvalósításra, memória címek változtatásával.
Ide kattintva látható az az
oldal amely megvalósítja a vezérlést és a felügyeletet is. 3 nyomógomb segítségével
beíratjuk a megfelelõ memória értékeket, amelyekhez kötve beállítódik a PLC
egyes kimenetei, ezáltal mûködtetjük a forgalomirányító berendezést, melynek
állapota
visszajelzésre kerül a memóri értékének megfelelõen. Nem szöveges információt
olvasunk le a web oldalról, hanem képeket látunk a valóságnak megfelelõ színû
égõ lámpával.
Az oldal HTML kódja:
<html> <head> <title> Közlekedési jelzölámpa </title> <meta http-equiv="Refresh" content="3;url=demo_14a.htm"> <script language="JavaScript" src="fst.js"> </script> </head> <body> Ez az oldal 3 másodpercenként frissül.<br> 10-s memória szó értéke=<FSTCI dmw10><br> Közlekedési lámpa állapota: <script language="JavaScript"> <!-- ; // A 10-s memória szó értékének megfelelöen különbözö képeket jeleníthetünk meg az IMG parancs használatával switch ( <FSTCI dmw10> ) { case 0: document.write("<IMG src='trf_rd.gif'>"); break; case 1: document.write("<IMG src='trf_ye.gif'>"); break; case 2: document.write("<IMG src='trf_gr.gif'>"); break; default: document.write("Kapcsolódás"); break; } // end hide --> </script> <br> <form> <input type="button" value="PIROS" onclick="CISend('MW10', '0')"> <input type="button" value="SÁRGA" onclick="CISend('MW10', '1')"> <input type="button" value="ZÖLD" onclick="CISend('MW10', '2')"> </form> </body> </html> |
FESTO WebDemo átdolgozása | ©NaZsi | PLC vezérlése és felügyelete Interneten keresztül |