- Beiträge
- 9.191
- Reaktionspunkte
- 2.936
var spsNZ14 = ':="NZ".NZ[1].pressed:';
var sppNZ14 = '1';
if (spsNZ14 == sppNZ14 )
{
parent.document.getElementById("Text1Bild").innerHTML='<img src="pressed.png" width="73" height="78">';
parent.document.getElementById("Icon1").innerHTML='<img src="Wartend.png" width="73" height="78">';
parent.document.getElementById("Text1Transparent").innerHTML='<input type=image src="transpixel.png" width="73" height="78" value="Start">';
}
function showDataTable()
{
if (window.XMLHttpRequest)
{
// code fuer IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else
{
// code fuer IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", "ajax-daten.html", true);
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
document.getElementById("OutputArea").innerHTML = xmlhttp.responseText;
// Refresh Timeout zum Neuladen der Daten setzen
setTimeout("refreshOutputArea()", 1000);
var spsNZ11 = ':="NZ".NZ[1].Enabled:'; // Nebenzeit ist ausgeblendet
if (spsNZ11 == '1' ) //vergleicht einen Variablenwert der SPS var sps mit dem Wert var spp = 1 um dann ein Bild zu wechseln oder nicht
{
document.getElementById("box1").innerHTML= '';
document.getElementById("Text1").innerHTML= 'Anfahren1';
document.getElementById("Text1Bild").innerHTML='<img src="up3.png" width="73" height="78">';
document.getElementById("Icon1").innerHTML='<img src="Wartend.png" width="73" height="78">';
document.getElementById("Text1Transparent").innerHTML='<img src="transpixel.png" width="73" height="78" value="Start">';
}
else
{
document.getElementById("Text1").innerHTML= '';
document.getElementById("box1").innerHTML= '';
document.getElementById("Text1Bild").innerHTML= '';
document.getElementById("Icon1").innerHTML= '';
document.getElementById("Text1Transparent").innerHTML= '';
}
var spsNZ13 = ':="NZ".NZ[1].Aktiv_Display:'; //Nebenzeit wird als aktiv angezeigt. Kreis mit Punkt wird angezeigt
var sppNZ13 = '1';
if (spsNZ13 == sppNZ13 ) //vergleicht einen Variablenwert der SPS var sps mit dem Wert var spp = 1 um dann ein Bild zu wechseln oder nicht
{
document.getElementById("Text1Bild").innerHTML='<img src="pressed.png" width="73" height="78">';
document.getElementById("Icon1").innerHTML='<img src="Aktiviert.png" width="73" height="78">';
document.getElementById("Text1Transparent").innerHTML='<input type=image src="transpixel.png" width="73" height="78" value="Start">';
}
var spsNZ14 = ':="NZ".NZ[1].pressed:'; //Taste wird als gedrückt angezeigt 3D-Effekt aktiv
var sppNZ14 = '1';
if (spsNZ14 == sppNZ14 ) //vergleicht einen Variablenwert der SPS var sps mit dem Wert var spp = 1 um dann ein Bild zu wechseln oder nicht
{
document.getElementById("Text1Bild").innerHTML='<img src="pressed.png" width="73" height="78">';
document.getElementById("Icon1").innerHTML='<img src="Wartend.png" width="73" height="78">';
document.getElementById("Text1Transparent").innerHTML='<img src="transpixel.png" width="73" height="78" value="Start">';
}
}
}
xmlhttp.send(null);
}
function refreshOutputArea()
{
showDataTable();
}
window.onload = function()
{
refreshOutputArea();
}
</script>
</head>
<body>
<div id="OutputArea">
</div>
<!-- AWP_In_Variable Name='Taste1' -->
<!-- AWP_In_Variable Name='Taste2' -->
<!-- AWP_In_Variable Name='Taste3' -->
{
"Taste1": :=Taste1:,
"Taste2": :=Taste2:,
"Taste3": :=Taste3:
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Testseite zur Datenaktualisierung mittels XML-HTTP Request</title>
<script type="text/javascript">
function updatePlcElements()
{
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", "button-data.json", true);
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
var data = JSON.parse(xmlhttp.responseText);
// CSS Klasse der Elemente ändern, und value setzen.
document.getElementById("Taste1").className = "Button" + data.Taste1;
document.getElementById("Taste1").value = data.Taste1;
document.getElementById("Taste2").className = "Button" + data.Taste2;
document.getElementById("Taste2").value = data.Taste2;
document.getElementById("Taste3").className = "Button" + data.Taste3;
document.getElementById("Taste3").value = data.Taste3;
setTimeout("refreshOutputArea()", 2000);
}
}
xmlhttp.send(null);
}
function toogleButtonBoolValue(input)
{
var varname = input.id;
var value = 0;
// Wert invertieren
if (input.value == 0) {
value = 1;
}
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST", "button-data.json", true);
var postData = varname + "=" + value;
xmlhttp.send(postData);
refreshOutputArea();
}
function refreshOutputArea()
{
updatePlcElements();
}
window.onload = function()
{
refreshOutputArea();
}
</script>
<style type="text/css">
.Button0 {
height: 78px;
width: 73px;
background: url(up3.png);
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.Button1 {
height: 78px;
width: 73px;
background: url(pressed.png);
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
</style>
</head>
<body>
<h2>Testseite zur Datenaktualisierung mittels XML-HTTP Request</h2>
<div id="OutputArea">
<p>Taste1:
<input id="Taste1" type="button" class="Button0" value=0 onclick="toogleButtonBoolValue(this)" />
</p>
<p>Taste2:
<input id="Taste2" type="button" class="Button0" value=0 onclick="toogleButtonBoolValue(this)" />
</p>
<p>Taste3:
<input id="Taste3" type="button" class="Button0" value=0 onclick="toogleButtonBoolValue(this)" />
</p>
</div>
</body>
</html>
<!-- AWP_In_Variable Name='Taste1' -->
<!-- AWP_In_Variable Name='Taste2' -->
<!-- AWP_In_Variable Name='Taste3' -->
<!-- AWP_In_Variable Name='"DB_HMI".dbtaste1' -->
<!-- AWP_In_Variable Name='"DB_HMI".dbtaste2' -->
<!-- AWP_In_Variable Name='"DB_HMI".dbtaste3' -->
{
"Taste1": :=Taste1:,
"Taste2": :=Taste2:,
"Taste3": :=Taste3:,
"DB_HMI_dbtaste1": :="DB_HMI".dbtaste1:,
"DB_HMI_dbtaste2": :="DB_HMI".dbtaste2:,
"DB_HMI_dbtaste3": :="DB_HMI".dbtaste3:
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Testseite zur Datenaktualisierung mittels XML-HTTP Request</title>
<script type="text/javascript">
var gRefreshTimer;
function updatePlcElements()
{
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", "button-data.json", true);
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
var data = JSON.parse(xmlhttp.responseText);
document.getElementById("Taste1").className = "Button" + data.Taste1;
document.getElementById("Taste1").value = data.Taste1;
document.getElementById("Taste2").className = "Button" + data.Taste2;
document.getElementById("Taste2").value = data.Taste2;
document.getElementById("Taste3").className = "Button" + data.Taste3;
document.getElementById("Taste3").value = data.Taste3;
document.getElementById('"DB_HMI".dbtaste1').className = "Button" + data.DB_HMI_dbtaste1;
document.getElementById('"DB_HMI".dbtaste1').value = data.DB_HMI_dbtaste1;
document.getElementById('"DB_HMI".dbtaste2').className = "Button" + data.DB_HMI_dbtaste2;
document.getElementById('"DB_HMI".dbtaste2').value = data.DB_HMI_dbtaste2;
document.getElementById('"DB_HMI".dbtaste3').className = "Button" + data.DB_HMI_dbtaste3;
document.getElementById('"DB_HMI".dbtaste3').value = data.DB_HMI_dbtaste3;
}
}
xmlhttp.send(null);
}
function toggleButtonBoolValue(input)
{
var varname = input.id;
var value = 0;
// Wert invertieren
if (input.value == 0) {
value = 1;
}
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST", "button-data.json", true);
var postData = varname + "=" + value;
xmlhttp.send(postData);
clearTimeout(gRefreshTimer);
updatePlcElements();
gRefreshTimer = setTimeout("refreshOutputArea()", 2000);
}
function refreshOutputArea()
{
updatePlcElements();
gRefreshTimer = setTimeout("refreshOutputArea()", 2000);
}
window.onload = function()
{
refreshOutputArea();
}
</script>
<style type="text/css">
.Button0 {
height: 78px;
width: 73px;
background: url(up3.png);
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.Button1 {
height: 78px;
width: 73px;
background: url(pressed.png);
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
</style>
</head>
<body>
<h2>Testseite zur Datenaktualisierung mittels XML-HTTP Request</h2>
<div id="OutputArea">
<p>Taste1:
<input id="Taste1" type="button" class="Button0" value=0 onclick="toggleButtonBoolValue(this)" />
</p>
<p>Taste2:
<input id="Taste2" type="button" class="Button0" value=0 onclick="toggleButtonBoolValue(this)" />
</p>
<p>Taste3:
<input id="Taste3" type="button" class="Button0" value=0 onclick="toggleButtonBoolValue(this)" />
</p>
<p>DB-Taste1:
<input id='"DB_HMI".dbtaste1' type="button" class="Button0" value=0 onclick="toggleButtonBoolValue(this)" />
</p>
<p>DB-Taste2:
<input id='"DB_HMI".dbtaste2' type="button" class="Button0" value=0 onclick="toggleButtonBoolValue(this)" />
</p>
<p>DB-Taste3:
<input id='"DB_HMI".dbtaste3' type="button" class="Button0" value=0 onclick="toggleButtonBoolValue(this)" />
</p>
</div>
</body>
</html>
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?