Obraz1.HTML
===============================================================
<HTML><HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<script type="text/javascript" src="/applets/cp343.js" language="JavaScript1.5"></script>
<style type="text/css"> <!--
@import url("main.css");
--> </style>
<TITLE>Demo wizualizacji dla modułu SIEMENS CP343-1</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<center>
<script type="text/javascript" language="JavaScript1.5">
var Obraz1 = new Obraz(700,410,"","img/wizualizacja.png")
Obraz1.zwloka_komunikacji = 500
//Obraz1.ip = "192.168.0.135:80" // po : jest numer portu, który domyslnie przyjęty jest na port 80
Obraz1.ip = "82.115.86.93:80" // po : jest numer portu, który domyslnie przyjęty jest na port 80
var zbiornik1 = new Obraz1.KPoziomZb("zbiornik1", "blue",0, 1)
zbiornik1.ustaw_pozycje(100,70,46,100)
//zbiornik1.ustaw_any_pointer(new Obraz1.AnyPointer("BYTE",1,"M",0,0,0))
zbiornik1.ustaw_symbol("PoziomZ1(0/2)")
Obraz1.dodaj_kontrolke(zbiornik1)
var zbiornik_wartosc1 = new Obraz1.KDisplayAn("zbiornik_wartosc1", "1px solid red", "white", "center", "9px", "- - -", "<b>Poziom Z1<br>", "[%]", 1)
zbiornik_wartosc1.ustaw_pozycje(50,100,50,40)
//zbiornik_wartosc1.ustaw_any_pointer(new Obraz1.AnyPointer("BYTE",1,"M",0,0,0))
zbiornik_wartosc1.ustaw_symbol("PoziomZ1(0/2)")
Obraz1.dodaj_kontrolke(zbiornik_wartosc1)
var zawor1 = new Obraz1.KCzytajBitGr("zawor1", "img/zawor_c.png", "img/zawor_z.png",0)
zawor1.ustaw_pozycje(81,239)
zawor1.ustaw_any_pointer(new Obraz1.AnyPointer("BOOL",1,"DB",5,60,0))
Obraz1.dodaj_kontrolke(zawor1)
var zawor_wartosc1 = new Obraz1.KCzytajBitTx("zawor_wartosc1", "1px solid red", "white", "center", "9px", "<b>Zamknięty", "<b>Otwarty",0)
zawor_wartosc1.ustaw_pozycje(130,239,60,40)
zawor_wartosc1.ustaw_any_pointer(new Obraz1.AnyPointer("BOOL",1,"DB",5,60,0))
Obraz1.dodaj_kontrolke(zawor_wartosc1)
var zbiornik2 = new Obraz1.KPoziomZb("zbiornik2", "blue", 0, 1)
zbiornik2.ustaw_pozycje(250,70,46,100)
zbiornik2.ustaw_any_pointer(new Obraz1.AnyPointer("BYTE",1,"DB",5,50,0))
Obraz1.dodaj_kontrolke(zbiornik2)
var zbiornik_wartosc2 = new Obraz1.KDisplayAn("zbiornik_wartosc2", "1px solid red", "white", "center", "9px", "- - -", "<b>Poziom Z2<br>", "[%]", 1)
zbiornik_wartosc2.ustaw_pozycje(200,100,50,40)
zbiornik_wartosc2.ustaw_any_pointer(new Obraz1.AnyPointer("BYTE",1,"DB",5,50,0))
Obraz1.dodaj_kontrolke(zbiornik_wartosc2)
var zawor2 = new Obraz1.KCzytajBitGr("zawor2", "img/zawor_c.png", "img/zawor_z.png",0)
zawor2.ustaw_pozycje(231,239)
zawor2.ustaw_any_pointer(new Obraz1.AnyPointer("BOOL",1,"DB",5,60,1))
Obraz1.dodaj_kontrolke(zawor2)
var zawor_wartosc2 = new Obraz1.KCzytajBitTx("zawor_wartosc2", "1px solid red", "white", "center", "9px", "<b>Zamknięty", "<b>Otwarty",0)
zawor_wartosc2.ustaw_pozycje(280,239,60,40)
zawor_wartosc2.ustaw_any_pointer(new Obraz1.AnyPointer("BOOL",1,"DB",5,60,1))
Obraz1.dodaj_kontrolke(zawor_wartosc2)
var zbiornik3 = new Obraz1.KPoziomZb("zbiornik3", "blue", 0, 1)
zbiornik3.ustaw_pozycje(400,70,46,100)
zbiornik3.ustaw_any_pointer(new Obraz1.AnyPointer("BYTE",1,"DB",5,52,0))
Obraz1.dodaj_kontrolke(zbiornik3)
var zbiornik_wartosc3 = new Obraz1.KDisplayAn("zbiornik_wartosc3", "1px solid red", "white", "center", "9px", "- - -", "<b>Poziom Z3<br>", "[%]", 1)
zbiornik_wartosc3.ustaw_pozycje(350,100,50,40)
zbiornik_wartosc3.ustaw_any_pointer(new Obraz1.AnyPointer("BYTE",1,"DB",5,52,0))
Obraz1.dodaj_kontrolke(zbiornik_wartosc3)
var zawor3 = new Obraz1.KCzytajBitGr("zawor3", "img/zawor_c.png", "img/zawor_z.png",0)
zawor3.ustaw_pozycje(381,239)
zawor3.ustaw_any_pointer(new Obraz1.AnyPointer("BOOL",1,"DB",5,60,2))
Obraz1.dodaj_kontrolke(zawor3)
var zawor_wartosc3 = new Obraz1.KCzytajBitTx("zawor_wartosc3", "1px solid red", "white", "center", "9px", "<b>Zamknięty", "<b>Otwarty", 0)
zawor_wartosc3.ustaw_pozycje(430,239,60,40)
zawor_wartosc3.ustaw_any_pointer(new Obraz1.AnyPointer("BOOL",1,"DB",5,60,2))
Obraz1.dodaj_kontrolke(zawor_wartosc3)
var pompa = new Obraz1.KCzytajBitGr("pompa", "img/pompa_b.png", "img/pompa_z.png",0)
pompa.ustaw_pozycje(488,304)
pompa.ustaw_any_pointer(new Obraz1.AnyPointer("BOOL",1,"DB",5,60,3))
Obraz1.dodaj_kontrolke(pompa)
var pompa_wartosc = new Obraz1.KCzytajBitTx("pompa_wartosc", "1px solid red", "white", "center", "10px", "<b>Nie pracuje", "<b>Pracuje", 0)
pompa_wartosc.ustaw_pozycje(483,380,80,20)
pompa_wartosc.ustaw_any_pointer(new Obraz1.AnyPointer("BOOL",1,"DB",5,60,3))
Obraz1.dodaj_kontrolke(pompa_wartosc)
var statyczna = new Obraz1.KWstawGr("img/pompa_b.png")
statyczna.ustaw_pozycje(588,304)
Obraz1.dodaj_kontrolke(statyczna)
Obraz1.uruchom()
</script>
</center>
</BODY>
</HTML>
Obraz2.HTML
var Obraz2 = new Obraz(700,410,"1px solid red","")
Obraz2.zwloka_komunikacji = 500
//Obraz2.ip = "192.168.0.135"
Obraz2.ip = "82.115.86.93:80" // po : jest numer portu, który domyslnie przyjęty jest na port 80
var pompa = new Obraz2.KCzytajBitGr("pompa", "img/pompa_b.png", "img/pompa_z.png",0)
pompa.ustaw_pozycje(500,150)
//pompa.ustaw_any_pointer(new Obraz2.AnyPointer("BOOL",1,"DB",5,22,1))
pompa.ustaw_symbol("ZapisBit(0/2)")
Obraz2.dodaj_kontrolke(pompa)
var pompa_wartosc = new Obraz2.KCzytajBitTx("pompa_wartosc", "1px solid red", "white", "center", "10px", "<b>Nie pracuje", "<b>Pracuje", 0)
pompa_wartosc.ustaw_pozycje(500,230,70,20)
//pompa_wartosc.ustaw_any_pointer(new Obraz2.AnyPointer("BOOL",1,"DB",5,22,1))
pompa_wartosc.ustaw_symbol("ZapisBit(0/2)")
Obraz2.dodaj_kontrolke(pompa_wartosc)
var pompa_on = new Obraz2.KUstawBit("Włącz", "true")
pompa_on.ustaw_pozycje(430,120, 100,20)
//pompa_on.ustaw_any_pointer(new Obraz2.AnyPointer("BOOL",1,"DB",5,22,1))
pompa_on.ustaw_symbol("ZapisBit(0/2)")
Obraz2.dodaj_kontrolke(pompa_on)
var pompa_off = new Obraz2.KUstawBit("Wyłącz", "false")
pompa_off.ustaw_pozycje(540,120, 100,20)
//pompa_off.ustaw_any_pointer(new Obraz2.AnyPointer("BOOL",1,"DB",5,22,1))
pompa_off.ustaw_symbol("ZapisBit(0/2)")
Obraz2.dodaj_kontrolke(pompa_off)
var apget = new Obraz2.KAppletGet("apget", 0,2,"0xaaaaaa", "CLTACHO", "", 0,255, 1000)
apget.ustaw_pozycje(150,80, 200,180)
//apget.ustaw_any_pointer(new Obraz2.AnyPointer("BYTE",1,"DB",5,20,0))
apget.ustaw_symbol("ZapisBajt(0/2)")
Obraz2.dodaj_kontrolke(apget)
var ustaw_wartosc = new Obraz2.KUstawAn("ustaw_wartosc", "Nowa wartość: ", "<BR>jakiś tekst<br>", "Ustaw", 100, 1)
ustaw_wartosc.ustaw_pozycje(100,280, 100,20,100,20)
//ustaw_wartosc.ustaw_any_pointer(new Obraz2.AnyPointer("BYTE",1,"DB",5,20,0))
ustaw_wartosc.ustaw_symbol("ZapisBajt(0/2)")
Obraz2.dodaj_kontrolke(ustaw_wartosc)
//id,tekst_prefix, tekst_przycisk, wartosc_poczatkowa
Obraz2.uruchom()
Obraz3.HTML
<!-- Tabela zawierająca poziomy w zbiornikach -->
<table align='center' border=1 width='90%'>
<tr>
<td align='center' colspan=3>
<b>Poziomy w zbiornikach magazynowych</b>
</td>
</tr>
<td align='center'>
Kwas Siarkowy:<br>
<APPLET CODE="de.siemens.simaticnet.itcp.applets.S7GetApplet.class"
CODEBASE="/applets/" ARCHIVE="s7applets.jar, s7api.jar" NAME="XY_12"
WIDTH=50 HEIGHT=30>
<PARAM name="RACK" value=0>
<PARAM name="SLOT" value=2>
<PARAM name="CYCLETIME" value=5000>
<PARAM name="VARTYPE" value=2>
<PARAM name="VARCNT" value =1>
<PARAM name="VARAREA" value=0x84>
<PARAM name="VARSUBAREA" value=5>
<PARAM name="VAROFFSET" value=50>
<PARAM name="FORMAT" value="\B">
<PARAM name="BACKGROUNDCOLOR" value="0xFFFFFF">
</APPLET>
Kwas Azotowy:<br>
CODEBASE="/applets/" ARCHIVE="s7applets.jar, s7api.jar" NAME="XY_21"
<PARAM name="RACK" value=0> <PARAM name="SLOT" value=2>
<PARAM name="VAROFFSET" value=51>
Kwas Solny:<br>
CODEBASE="/applets/" ARCHIVE="s7applets.jar, s7api.jar" NAME="XY_31"
<PARAM name="VAROFFSET" value=52>
</table>
<br>
<!-- Tabela zawierająca stany zaworów -->
<b>Stan zaworów pod zbiornikami</b>
<b>Zaw 1:</b><br>
WIDTH=70 HEIGHT=30>
<PARAM name="VAROFFSET" value=60>
<PARAM name="FORMAT" value="\Y(0,OTWARTY,ZAMKNIETY)">
<i>Zaw 2:</i><br>
<PARAM name="FORMAT" value="\Y(1,OTWARTY,ZAMKNIETY)">
<b><i> Zaw 3:</b></i><br>
<PARAM name="FORMAT" value="\Y(2,OTWARTY,ZAMKNIETY)">
<pre> Zawory : 1 - zawór otwarty;
0 - zawór zamknięty
</pre>
G12ANDRZEJ