Files
apt-nl-map/static/Magic4/Sketch/HMI_Sketch_Left_LearnLineAB_Sch4.html
2024-12-04 10:21:04 +08:00

66 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html lang="en" id="container" onmousedown="startDrag(event)" onmouseup="stopDrag(event)" onmousemove="dragging(event)" style="overflow-x: hidden;
overflow-y: hidden; ">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/bootstrap.min.css"/>
<link rel="stylesheet" href="../css/btn.css"/>
<link rel="stylesheet" href="../css/sketchBtn.css"/>
<script type="text/javascript" type="text/javascript">
function SketchLeftLearnLineABSch4PostMessage(str){
parent.window.postMessage(
str,
"*" //or "www.parentpage.com"
);
}
function receiveMessage(event) {
console.log("HMI_Sketch_Left_LearnLineAB_Sch4:"+event);
switch(event.data.event_id){
case "client_response_left_learnlineab_main":{//case "client_response":{
var data=event.data.data;
var result=data.v1;
var ROS_String_Output=data.v2;
var Rec_Learn_String_Input=data.v3;
document.getElementById('result').innerText='result='+result;
document.getElementById('ROS_String_Output').innerText='ROS_String_Output='+ROS_String_Output;
document.getElementById('Rec_Learn_String_Input').innerText='Rec_Learn_String_Input='+Rec_Learn_String_Input;
}
}
}
window.addEventListener("message", receiveMessage, false);
function Button_Continue(){
var str="LearnLineABSch4:Continue#";
SketchLeftLearnLineABSch4PostMessage(str);
}
function Button_Quit(){
var str="LearnLineABSch4:Quit#";
SketchLeftLearnLineABSch4PostMessage(str);
}
</script>
<title>Title</title>
</head>
<body>
<tr>
<p>
<!-- <input type=button class="btn" id="Button_Quit" value="退出" onclick=Button_Quit() style="background:lightcoral"></input> -->
<input type=button class="btn" id="Button_Quit" value="Quit" onclick=Button_Quit() style="background:lightcoral"></input>
</p>
</tr>
<tr>
<div id='result'></div>
<div id='ROS_String_Output'></div>
<div id='Rec_Learn_String_Input'></div>
</tr>
<!--
<tr>
<p>
<input type=button id="Button_Continue" value="Continue" onclick=Button_Continue() style="width:80%;height:40px;background:lightgreen"></input>
</p>
</tr>
-->
</body>
<script src="../js/drag.js"></script>
</html>