269 lines
14 KiB
HTML
269 lines
14 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 src="../jquery-2.1.0.min.js"></script>
|
|
<script type="text/javascript" type="text/javascript">
|
|
var StartNode=0;
|
|
var EndNode=0;
|
|
var AutoCharge_Enable=false;
|
|
var High_Precision_Enable=false;
|
|
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 Plate_Check_Enable=false;
|
|
var Plate_Check_Enable_To_End_Dist_m=0.0;
|
|
var ReverseSafeSensorEnable=true;
|
|
var sch=0;
|
|
|
|
function Init() {
|
|
if (sch == 0) {
|
|
StartNode = window.parent.StartNode;
|
|
EndNode = window.parent.EndNode;
|
|
AutoCharge_Enable=window.parent.AutoCharge_Enable;
|
|
High_Precision_Enable=window.parent.High_Precision_Enable;
|
|
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;
|
|
Plate_Check_Enable = window.parent.Plate_Check_Enable;
|
|
Plate_Check_Enable_To_End_Dist_m = window.parent.Plate_Check_Enable_To_End_Dist_m;
|
|
ReverseSafeSensorEnable = window.parent.ReverseSafeSensorEnable;
|
|
|
|
document.getElementById('StartNode').value=StartNode;
|
|
document.getElementById('EndNode').value=EndNode;
|
|
|
|
if(AutoCharge_Enable == true){
|
|
document.getElementById("ButtonImage_AutoCharge_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
} else {
|
|
document.getElementById("ButtonImage_AutoCharge_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}
|
|
|
|
if(High_Precision_Enable == true){
|
|
document.getElementById("ButtonImage_High_Precision_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
} else {
|
|
document.getElementById("ButtonImage_High_Precision_Enable").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;
|
|
|
|
document.getElementById('SpeedType').innerText="SpeedType="+SpeedType;
|
|
|
|
if(Plate_Check_Enable == true){
|
|
document.getElementById("ButtonImage_Plate_Check_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
} else {
|
|
document.getElementById("ButtonImage_Plate_Check_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}
|
|
|
|
document.getElementById('Plate_Check_Enable_To_End_Dist_m').value=Plate_Check_Enable_To_End_Dist_m;
|
|
|
|
if(ReverseSafeSensorEnable == true){
|
|
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
} else {
|
|
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}
|
|
sch = 1;
|
|
}
|
|
}
|
|
|
|
window.onload= function() {
|
|
Init();
|
|
}
|
|
|
|
function Timer(){
|
|
|
|
}
|
|
window.setInterval("Timer()",100);
|
|
|
|
function SketchLeftEditInfoSch2PostMessage(str){
|
|
parent.window.postMessage(
|
|
str,
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
}
|
|
|
|
function Button_SetEditInfo(s300_1_enable,s300_1_case,s300_2_enable,s300_2_case,tim_1_enable,tim_1_case,tim_2_enable,tim_2_case,AutoCharge_Enable,High_Precision_Enable,SpeedType,Plate_Check_Enable,Plate_Check_Enable_To_End_Dist_m,ReverseSafeSensorEnable){
|
|
var str="EditInfoSch2_EditInfoSinglePath:"+s300_1_enable+","+s300_1_case+","+s300_2_enable+","+s300_2_case+","+tim_1_enable+","+tim_1_case+","+tim_2_enable+","+tim_2_case+","+AutoCharge_Enable+","+High_Precision_Enable+","+SpeedType+","+Plate_Check_Enable+","+Plate_Check_Enable_To_End_Dist_m+","+ReverseSafeSensorEnable+'#';
|
|
console.log(str);
|
|
SketchLeftEditInfoSch2PostMessage(str);
|
|
}
|
|
|
|
function Button_AutoCharge_Enable(){
|
|
if(sch==1){
|
|
if(AutoCharge_Enable==true){
|
|
AutoCharge_Enable=false;
|
|
document.getElementById("ButtonImage_AutoCharge_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}else{
|
|
AutoCharge_Enable=true;
|
|
document.getElementById("ButtonImage_AutoCharge_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
}
|
|
}
|
|
}
|
|
function Button_High_Precision_Enable(){
|
|
if(sch==1){
|
|
if(High_Precision_Enable==true){
|
|
High_Precision_Enable=false;
|
|
document.getElementById("ButtonImage_High_Precision_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}else{
|
|
High_Precision_Enable=true;
|
|
document.getElementById("ButtonImage_High_Precision_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
}
|
|
}
|
|
}
|
|
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_SetSpeedType(speedtype){
|
|
if(sch==1){
|
|
SpeedType=speedtype;
|
|
document.getElementById('SpeedType').innerText="SpeedType="+SpeedType;
|
|
}
|
|
}
|
|
|
|
function Button_Plate_Check_Enable(){
|
|
if(sch==1){
|
|
if(Plate_Check_Enable==true){
|
|
Plate_Check_Enable=false;
|
|
document.getElementById("ButtonImage_Plate_Check_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}else{
|
|
Plate_Check_Enable=true;
|
|
document.getElementById("ButtonImage_Plate_Check_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
}
|
|
}
|
|
}
|
|
function Button_ReverseSafeSensorEnable(){
|
|
if(sch==1){
|
|
if(ReverseSafeSensorEnable==true){
|
|
ReverseSafeSensorEnable=false;
|
|
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
|
}else{
|
|
ReverseSafeSensorEnable=true;
|
|
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
|
}
|
|
}
|
|
}
|
|
|
|
</script>
|
|
<title>Title</title>
|
|
</head>
|
|
<body>
|
|
HMI_Sketch_Left_EditInfo_Sch2_EditInfoSinglePath
|
|
<input type=button class="btn" id="Button_SetEditInfo" value="Button_SetEditInfo" onclick=Button_SetEditInfo(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,AutoCharge_Enable,High_Precision_Enable,SpeedType,Plate_Check_Enable,document.getElementById('Plate_Check_Enable_To_End_Dist_m').value,ReverseSafeSensorEnable) style="background:lightsalmon",0></input>
|
|
<p>StartNode<input type=text class="input form-control" id="StartNode" name=StartNode value="1"></input></p>
|
|
<p>EndNode<input type=text class="input form-control" id="EndNode" name=EndNode value="2"></input></p>
|
|
<p>S300_1_Case<input type=text class="input form-control" id="S300_1_Case" 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 class="input form-control" id="S300_2_Case" 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 class="input form-control" id="TIM_1_Case" 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 class="input form-control" id="TIM_2_Case" 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><div id="SpeedType"></div></p>
|
|
<input type=button class="btn" id="Button_SetSpeedType_Slow" value="Button_SetSpeedType_Slow" onclick=Button_SetSpeedType(0) style="background:lightgreen",0></input>
|
|
<input type=button class="btn" id="Button_SetSpeedType_Fast" value="Button_SetSpeedType_Fast" onclick=Button_SetSpeedType(1) style="background:lightgreen",0></input>
|
|
<input type=button class="btn" id="Button_SetSpeedType_Type2" value="Button_SetSpeedType_Type2" onclick=Button_SetSpeedType(2) style="background:lightgreen",0></input>
|
|
<p>AutoCharge_Enable<img id="ButtonImage_AutoCharge_Enable" onclick="Button_AutoCharge_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
|
<p>High_Precision_Enable<img id="ButtonImage_High_Precision_Enable" onclick="Button_High_Precision_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
|
<p>Plate_Check_Enable<img id="ButtonImage_Plate_Check_Enable" onclick="Button_Plate_Check_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
|
<p>Plate_Check_Enable_To_End_Dist_m<input type=text id="Plate_Check_Enable_To_End_Dist_m" name=Plate_Check_Enable_To_End_Dist_m value="0.0"></input></p>
|
|
<p>ReverseSafeSensorEnable<img id="ButtonImage_Vertical_ReverseSafeSensorEnable" onclick="Button_ReverseSafeSensorEnable()" src="../Led_Display/Button_Vertical_On.bmp"/></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();
|
|
})
|
|
</script>
|
|
</html> |