FST WebDemo PLCWeb Project

Nyitólap  Következõ  Elõzõ

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