[Фоновые задачи ч.3]<< [Web страницы] >>[Безопасность]
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta charset="utf-8">
</head>
<body>
Значение тега = <span> Значение </span>
<img src="images/up.jpg"/>
</body>
</html>
<script>
function showtag(){
document.getElementById("tagvalue").innerHTML =$TagA;
if($TagA>0)
document.getElementById("tagstatus").src = "images/up.jpg";
else document.getElementById("tagstatus").src = "images/down.jpg";
}
</script>
<form method="post">
Новое значение <input Type="number" id="newvalue" name="$TagA"/>
<button Type="submit" value="Submit">Применить</button>
</form>
<!--accesspattern=2-->
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta charset="utf-8">
</head>
<body onload="showtag()">
Значение тега = <span id=“tagvalue”> Значение </span>
<img id=“tagstatus” src="images/up.jpg"/>
<form method="post">
Новое значение <input Type="number" id="newvalue" name="$TagA"/>
<button Type="submit" value="Submit">Применить</button>
</form>
<script>
function showtag(){
document.getElementById("tagvalue").innerHTML =$TagA;
if($TagA>0)
document.getElementById("tagstatus").src = "images/up.jpg";
else document.getElementById("tagstatus").src = "images/down.jpg";
}
</script>
</body>
</html>
function getvalues() {
fetch("TagA-TagB.json").then(function(response) {
response.text().then(function(text) {
const jsonobj=JSON.parse(text);
TagA=jsonobj.TagA;
TagB=jsonobj.TagB;
});
});
}
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta charset="utf-8">
<script>
function showtag(){
document.getElementById("tagvalue").innerHTML =$TagA;
if($TagA>0)
document.getElementById("tagstatus").src = "images/up.jpg";
else document.getElementById("tagstatus").src = "images/down.jpg";
}
function getvalues() {
fetch("TagA.json").then(function(response) {
response.text().then(function(text) {
const jsonobj=JSON.parse(text);
TagA=jsonobj.TagA;
showtag();
});
});
}
</script>
</head>
<body onload="showtag()">
Значение тега = <span id=“tagvalue”> Значение </span>
<img id=“tagstatus” src="images/up.jpg"/>
</body>
<script type="text/javascript">
var myint = setInterval("getvalues()",2000);
</script>
</html>
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
let alarmid;
let alarmtxt;
let alarmdatetime;
let alarmprefix;
let alarmsuff1;
let alarmsuff2;
let alarmstatus;
function tablerows() {
var table = document.getElementById("alarmtab");
var tableHeaderRowCount = 1;
var rowCount = table.rows.length;
for (let i = tableHeaderRowCount; i < rowCount; i++) {
table.deleteRow(tableHeaderRowCount);
}
for (let i = 0; i < id.length; i++) {
var row = table.insertRow(1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
var cell5 = row.insertCell(4);
var cell6 = row.insertCell(5);
cell1.innerHTML = alarmid[i];
cell2.innerHTML = alarmdatetime[i];
cell3.innerHTML = alarmprefix[i] + " " + alarmtxt[i];
cell4.innerHTML = alarmsuff1[i];
cell5.innerHTML = alarmsuff2[i];
cell6.innerHTML = alarmstatus[i];
}
}
function getalarm() {
fetch("system.alarm.online.json").then(function(response) {
response.text().then(function(text) {
const jsonobj=JSON.parse(text);
alarmid=jsonobj.id;
alarmtxt=jsonobj.text;
alarmdatetime=jsonobj.timestamp;
alarmprefix=jsonobj.prefix;
alarmsuff1=jsonobj.suffix1;
alarmsuff2=jsonobj.suffix2;
alarmstatus=jsonobj.alrstatus;
tablerows();
});
});
}
</script>
<title>Alarm online</title>
<meta charset="utf-8">
</head>
<body>
<table id="alarmtab">
<tr>
<th>ID</th>
<th>Дата Время</th>
<th>Описание аварии</th>
<th>Суффикс1</th>
<th>Суффикс2</th>
<th>Статус</th>
</tr>
</table>
</body>
<script type="text/javascript">
var myint = setInterval("getalarm()",1000);
</script>
</html>