279 lines
13 KiB
HTML
279 lines
13 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">
|
|
<script src="../Slide_Display/js/jquery-1.11.0.min.js" type="text/javascript"></script>
|
|
<script src="../Slide_Display/js/jquery.rsSliderLens.js"></script>
|
|
<link rel="stylesheet" href="../Slide_Display/css/rsSliderLens.css" />
|
|
<link rel="stylesheet" href="../css/bootstrap.min.css"/>
|
|
<link rel="stylesheet" href="../css/btn.css"/>
|
|
<script src="../jquery-2.1.0.min.js"></script>
|
|
<script src="../jquery.cookie.js"></script>
|
|
<script type="text/javascript">
|
|
var Direction="Front";
|
|
var S300_1_Enable="false";
|
|
var S300_1_Case=0;
|
|
var S300_2_Enable="false";
|
|
var S300_2_Case=0;
|
|
var TIM_1_Enable="false";
|
|
var TIM_1_Case=0;
|
|
var TIM_2_Enable="false";
|
|
var TIM_2_Case=0;
|
|
var SpeedType=0;
|
|
var CreatePairDirectionEnable="true";
|
|
var PointA_Ref_NodeID=0;
|
|
var PointB_Ref_NodeID=0;
|
|
var Learn_Max_NodeID=0;
|
|
var sch=0;
|
|
function Init(){
|
|
if(sch==0) {
|
|
Direction = window.parent.Direction;//.document.getElementById('Direction').innerText;
|
|
S300_1_Enable = window.parent.S300_1_Enable;
|
|
S300_1_Case = window.parent.S300_1_Case;
|
|
S300_2_Enable = window.parent.S300_2_Enable;
|
|
S300_2_Case = window.parent.S300_2_Case;
|
|
TIM_1_Enable = window.parent.TIM_1_Enable;
|
|
TIM_1_Case = window.parent.TIM_1_Case;
|
|
TIM_2_Enable = window.parent.TIM_2_Enable;
|
|
TIM_2_Case = window.parent.TIM_2_Case;
|
|
SpeedType = window.parent.SpeedType;
|
|
CreatePairDirectionEnable = window.parent.CreatePairDirectionEnable;
|
|
PointA_Ref_NodeID = window.parent.PointA_Ref_NodeID;
|
|
PointB_Ref_NodeID = window.parent.PointB_Ref_NodeID;
|
|
|
|
Learn_Max_NodeID=$.cookie('Learn_Max_NodeID');
|
|
//console.log("Init:" + Direction + "AAA");
|
|
if (Direction == "Front") {
|
|
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
} else {
|
|
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}
|
|
|
|
if (S300_1_Enable == "true"){
|
|
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
} else {
|
|
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}
|
|
|
|
document.getElementById('S300_1_Case').value=S300_1_Case;
|
|
|
|
if(S300_2_Enable == "true"){
|
|
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
} else {
|
|
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}
|
|
|
|
document.getElementById('S300_2_Case').value=S300_2_Case;
|
|
|
|
if(TIM_1_Enable == "true"){
|
|
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
} else {
|
|
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}
|
|
|
|
document.getElementById('TIM_1_Case').value=TIM_1_Case;
|
|
|
|
if(TIM_2_Enable == "true"){
|
|
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
} else {
|
|
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}
|
|
|
|
document.getElementById('TIM_2_Case').value=TIM_2_Case;
|
|
|
|
if(CreatePairDirectionEnable == "true"){
|
|
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src","../Led_Display/Button_Vertical_On.bmp");
|
|
} else {
|
|
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}
|
|
|
|
//document.getElementById('SpeedType').value=SpeedType;
|
|
|
|
if(PointA_Ref_NodeID!=0){
|
|
document.getElementById('StartNode').value=PointA_Ref_NodeID;
|
|
}
|
|
else{
|
|
Learn_Max_NodeID++;
|
|
document.getElementById('StartNode').value=(Learn_Max_NodeID);
|
|
}
|
|
if(PointB_Ref_NodeID!=0){
|
|
document.getElementById('EndNode').value=PointB_Ref_NodeID;
|
|
}
|
|
else{
|
|
Learn_Max_NodeID++;
|
|
document.getElementById('EndNode').value=Learn_Max_NodeID;
|
|
}
|
|
/*
|
|
document.getElementById('S300_1_Case').style.display="none";
|
|
document.getElementById('ButtonImage_S300_1_Enable').style.display="none";
|
|
document.getElementById('S300_2_Case').style.display="none";
|
|
document.getElementById('ButtonImage_S300_2_Enable').style.display="none";
|
|
document.getElementById('TIM_1_Case').style.display="none";
|
|
document.getElementById('ButtonImage_TIM_1_Enable').style.display="none";
|
|
document.getElementById('TIM_2_Case').style.display="none";
|
|
document.getElementById('ButtonImage_TIM_2_Enable').style.display="none";
|
|
*/
|
|
sch = 1;
|
|
}
|
|
}
|
|
window.onload= function()
|
|
{
|
|
Init();
|
|
}
|
|
function Refresh(){
|
|
document.getElementById('Direction').innerText = 'Direction=' + Direction;
|
|
}
|
|
function Timer(){
|
|
Refresh();
|
|
}
|
|
window.setInterval("Timer()",100);
|
|
|
|
function SketchLeftLearnWayPointAB4Sch2PostMessage(str){
|
|
parent.window.postMessage(
|
|
str,
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
}
|
|
|
|
function receiveMessage(event) {
|
|
console.log(event);
|
|
switch(event.data.event_id){
|
|
case "client_response_left_learnwaypointab4_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;
|
|
|
|
if(ROS_String_Output=="CheckNode OK"){
|
|
LearnWayPointAB4Sch2_CheckNodeOK();
|
|
}
|
|
}break;
|
|
}
|
|
}
|
|
|
|
window.addEventListener("message", receiveMessage, false);
|
|
|
|
function Button_SetWayPointPathAB4(startnode,endnode,direction,s300_1_enable,s300_1_case,s300_2_enable,s300_2_case,tim_1_enable,tim_1_case,tim_2_enable,tim_2_case,SpeedType,createpairdirectionenable){
|
|
var str="LearnWayPointAB4Sch2:"+startnode+","+endnode+","+direction+","+s300_1_enable+","+s300_1_case+","+s300_2_enable+","+s300_2_case+","+tim_1_enable+","+tim_1_case+","+tim_2_enable+","+tim_2_case+","+SpeedType+","+createpairdirectionenable+"#";
|
|
console.log(str);
|
|
SketchLeftLearnWayPointAB4Sch2PostMessage(str);
|
|
}
|
|
|
|
function LearnWayPointAB4Sch2_CheckNodeOK(){
|
|
var str="LearnWayPointAB4Sch2_CheckNodeOK";
|
|
SketchLeftLearnWayPointAB4Sch2PostMessage(str);
|
|
}
|
|
|
|
function Button_S300_1_Enable(){
|
|
if(sch==1){
|
|
if(S300_1_Enable=="true"){
|
|
S300_1_Enable="false";
|
|
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}else{
|
|
S300_1_Enable="true";
|
|
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
}
|
|
}
|
|
}
|
|
function Button_S300_2_Enable(){
|
|
if(sch==1){
|
|
if(S300_2_Enable=="true"){
|
|
S300_2_Enable="false";
|
|
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}else{
|
|
S300_2_Enable="true";
|
|
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
}
|
|
}
|
|
}
|
|
function Button_TIM_1_Enable(){
|
|
if(sch==1){
|
|
if(TIM_1_Enable=="true"){
|
|
TIM_1_Enable="false";
|
|
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}else{
|
|
TIM_1_Enable="true";
|
|
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
}
|
|
}
|
|
}
|
|
function Button_TIM_2_Enable(){
|
|
if(sch==1){
|
|
if(TIM_2_Enable=="true"){
|
|
TIM_2_Enable="false";
|
|
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}else{
|
|
TIM_2_Enable="true";
|
|
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
}
|
|
}
|
|
}
|
|
function Button_CreatePairDirectionEnable(){
|
|
if(sch==1){
|
|
if(CreatePairDirectionEnable=="true"){
|
|
CreatePairDirectionEnable="false";
|
|
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}else{
|
|
CreatePairDirectionEnable="true";
|
|
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
}
|
|
}
|
|
}
|
|
function Button_Direction(){
|
|
/*
|
|
if( sch==1) {
|
|
if (Direction == "Front") {
|
|
Direction = "Reverse";
|
|
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
} else {
|
|
Direction = "Front";
|
|
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
}
|
|
}*/
|
|
}
|
|
</script>
|
|
<title>Title</title>
|
|
</head>
|
|
<body>
|
|
<tr>
|
|
<div id='result'></div>
|
|
<div id='ROS_String_Output'></div>
|
|
<div id='Rec_Learn_String_Input'></div>
|
|
</tr>
|
|
<input type=button class="btn" id="Button_SetWayPointPathAB4_Slow" value="Button_SetWayPointPathAB4_Slow" onclick=Button_SetWayPointPathAB4(StartNode.value,EndNode.value,Direction,S300_1_Enable,document.getElementById('S300_1_Case').value,S300_2_Enable,document.getElementById('S300_2_Case').value,TIM_1_Enable,document.getElementById('TIM_1_Case').value,TIM_2_Enable,document.getElementById('TIM_2_Case').value,0,CreatePairDirectionEnable) style="height:40px;background:lightgreen"></input>
|
|
<input type=button class="btn settings" id="Button_SetWayPointPathAB4_Fast" value="Button_SetWayPointPathAB4_Fast" onclick=Button_SetWayPointPathAB4(StartNode.value,EndNode.value,Direction,S300_1_Enable,document.getElementById('S300_1_Case').value,S300_2_Enable,document.getElementById('S300_2_Case').value,TIM_1_Enable,document.getElementById('TIM_1_Case').value,TIM_2_Enable,document.getElementById('TIM_2_Case').value,1,CreatePairDirectionEnable) style="height:40px;background:lightgreen"></input>
|
|
|
|
|
|
<p>StartNode<input type=text id="StartNode" class="input form-control" name=StartNode value="1"></input></p>
|
|
<p>EndNode<input type=text id="EndNode" class="input form-control" name=EndNode value="2"></input></p>
|
|
<p>S300_1_Case<input type=text id="S300_1_Case" class="input form-control" name=S300_1_Case value="0"></input></p>
|
|
<p>S300_1_Enable<img id="ButtonImage_S300_1_Enable" onclick="Button_S300_1_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
|
<p>S300_2_Case<input type=text id="S300_2_Case" class="input form-control" name=S300_2_Case value="0"></input></p>
|
|
<p>S300_2_Enable<img id="ButtonImage_S300_2_Enable" onclick="Button_S300_2_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
|
<p>TIM_1_Case<input type=text id="TIM_1_Case" class="input form-control" name=TIM_1_Case value="0"></input></p>
|
|
<p>TIM_1_Enable<img id="ButtonImage_TIM_1_Enable" onclick="Button_TIM_1_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
|
<p>TIM_2_Case<input type=text id="TIM_2_Case" class="input form-control" name=TIM_2_Case value="0"></input></p>
|
|
<p>TIM_2_Enable<img id="ButtonImage_TIM_2_Enable" onclick="Button_TIM_2_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
|
<p>CreatePairDirectionEnable<img id="ButtonImage_Vertical_CreatePairDirectionEnable" onclick="Button_CreatePairDirectionEnable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
|
<p>Direction<img id="ButtonImage_Vertical_Direction" onclick="Button_Direction()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
|
<p><div id='Direction'></div></p>
|
|
|
|
</body>
|
|
<script src="../js/drag.js"></script>
|
|
<script>
|
|
$(".input").focus(function(){
|
|
window.parent.parent.parent.parent.inputDom = this;
|
|
var distance = $(parent.document).scrollTop() + 500 + "px";
|
|
$(".simple-keyboard", parent.parent.parent.parent.document).css("top", distance)
|
|
$(".keyboard",parent.parent.parent.parent.document).show();
|
|
window.parent.parent.parent.parent.clearKeyboard();
|
|
})
|
|
if(window.parent.parent.parent.parent.Switching_Modes == 0){
|
|
$('.setting').hide()
|
|
}
|
|
</script>
|
|
</html> |