新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
272
public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E4.html
Normal file → Executable file
272
public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E4.html
Normal file → Executable file
@@ -50,7 +50,151 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#HelpButton_s {
|
||||
#n_12_yr {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_12_yr {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 126px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_8_ys {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_8_ys {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 260px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_8_yt {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_8_yt {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 21px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_8_yu {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_8_yu {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 92px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_13_yv {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_13_yv {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 190px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_14_yw {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_14_yw {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 292px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_15_yx {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_15_yx {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 426px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_16_yy {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_16_yy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 426px;
|
||||
top: 600px;
|
||||
}
|
||||
#HelpButton_yz {
|
||||
position: absolute;
|
||||
width: 43px;
|
||||
height: 32px;
|
||||
@@ -62,7 +206,7 @@
|
||||
--web-action-target: OTDR_1_Curve_HELP.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HelpButton_ta {
|
||||
#HelpButton_y {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -72,7 +216,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HelpButton_ta {
|
||||
.HelpButton_y {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 43px;
|
||||
@@ -80,7 +224,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#SJ-LButton_s {
|
||||
#SJ-LButton_y {
|
||||
position: absolute;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
@@ -92,7 +236,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1550_E3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#SJ-LButton_ta {
|
||||
#SJ-LButton_za {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -102,7 +246,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.SJ-LButton_ta {
|
||||
.SJ-LButton_za {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 38px;
|
||||
@@ -110,7 +254,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#SJ-LButton_tb {
|
||||
#SJ-LButton_zb {
|
||||
position: absolute;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
@@ -122,7 +266,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1550_E5.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#SJ-LButton_tc {
|
||||
#SJ-LButton_zc {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -132,7 +276,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.SJ-LButton_tc {
|
||||
.SJ-LButton_zc {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 38px;
|
||||
@@ -140,7 +284,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#BC-LButton_s {
|
||||
#BC-LButton_y {
|
||||
position: absolute;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
@@ -152,7 +296,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1310_E4.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#BC-LButton_ta {
|
||||
#BC-LButton_za {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -162,7 +306,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.BC-LButton_ta {
|
||||
.BC-LButton_za {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 38px;
|
||||
@@ -170,7 +314,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#BC-RButton_ta {
|
||||
#BC-RButton_y {
|
||||
position: absolute;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
@@ -182,7 +326,7 @@
|
||||
--web-action-target: OTDR_1_Curve_ALL_E4.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#BC-RButton_tb {
|
||||
#BC-RButton_za {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -192,7 +336,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.BC-RButton_tb {
|
||||
.BC-RButton_za {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 38px;
|
||||
@@ -200,7 +344,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#EvenTMapButton_tc {
|
||||
#EvenTMapButton_y {
|
||||
position: absolute;
|
||||
width: 159px;
|
||||
height: 34px;
|
||||
@@ -212,7 +356,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E4.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#EvenTMapButton_td {
|
||||
#EvenTMapButton_za {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -222,7 +366,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.EvenTMapButton_td {
|
||||
.EvenTMapButton_za {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -230,7 +374,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#TableButton_te {
|
||||
#TableButton_zb {
|
||||
position: absolute;
|
||||
width: 159px;
|
||||
height: 34px;
|
||||
@@ -242,7 +386,7 @@
|
||||
--web-action-target: OTDR_1_Tabel_1310.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TableButton_tf {
|
||||
#TableButton_zc {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -252,7 +396,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.TableButton_tf {
|
||||
.TableButton_zc {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -260,7 +404,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#HOMEBUTTON_tg {
|
||||
#HOMEBUTTON_zd {
|
||||
position: absolute;
|
||||
width: 63px;
|
||||
height: 51px;
|
||||
@@ -272,7 +416,7 @@
|
||||
--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HOMEBUTTON_th {
|
||||
#HOMEBUTTON_ze {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -282,7 +426,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HOMEBUTTON_th {
|
||||
.HOMEBUTTON_ze {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 63px;
|
||||
@@ -3206,51 +3350,83 @@ window.application = new Application();
|
||||
<div id="OTDR-1-Curve-1550-E4">
|
||||
<img id="n_100" src="n_100.png" srcset="n_100.png 1x, n_100@2x.png 2x">
|
||||
|
||||
<div onclick="application.goToTargetView(event)" id="HelpButton_s" class="HelpButton">
|
||||
<svg class="HelpButton_ta">
|
||||
<rect id="HelpButton_ta" rx="0" ry="0" x="0" y="0" width="43" height="32">
|
||||
<svg class="n_12_yr">
|
||||
<ellipse id="n_12_yr" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_8_ys">
|
||||
<ellipse id="n_8_ys" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_8_yt">
|
||||
<ellipse id="n_8_yt" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_8_yu">
|
||||
<ellipse id="n_8_yu" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_13_yv">
|
||||
<ellipse id="n_13_yv" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_14_yw">
|
||||
<ellipse id="n_14_yw" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_15_yx">
|
||||
<ellipse id="n_15_yx" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_16_yy">
|
||||
<ellipse id="n_16_yy" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<div onclick="application.goToTargetView(event)" id="HelpButton_yz" class="HelpButton">
|
||||
<svg class="HelpButton_y">
|
||||
<rect id="HelpButton_y" rx="0" ry="0" x="0" y="0" width="43" height="32">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="SJ-LButton_s" class="SJ_LButton">
|
||||
<svg class="SJ-LButton_ta">
|
||||
<ellipse id="SJ-LButton_ta" rx="19" ry="19" cx="19" cy="19">
|
||||
<div onclick="application.goToTargetView(event)" id="SJ-LButton_y" class="SJ_LButton">
|
||||
<svg class="SJ-LButton_za">
|
||||
<ellipse id="SJ-LButton_za" rx="19" ry="19" cx="19" cy="19">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="SJ-LButton_tb" class="SJ_LButton">
|
||||
<svg class="SJ-LButton_tc">
|
||||
<ellipse id="SJ-LButton_tc" rx="19" ry="19" cx="19" cy="19">
|
||||
<div onclick="application.goToTargetView(event)" id="SJ-LButton_zb" class="SJ_LButton">
|
||||
<svg class="SJ-LButton_zc">
|
||||
<ellipse id="SJ-LButton_zc" rx="19" ry="19" cx="19" cy="19">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="BC-LButton_s" class="BC_LButton">
|
||||
<svg class="BC-LButton_ta">
|
||||
<ellipse id="BC-LButton_ta" rx="19" ry="19" cx="19" cy="19">
|
||||
<div onclick="application.goToTargetView(event)" id="BC-LButton_y" class="BC_LButton">
|
||||
<svg class="BC-LButton_za">
|
||||
<ellipse id="BC-LButton_za" rx="19" ry="19" cx="19" cy="19">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="BC-RButton_ta" class="BC_RButton">
|
||||
<svg class="BC-RButton_tb">
|
||||
<ellipse id="BC-RButton_tb" rx="19" ry="19" cx="19" cy="19">
|
||||
<div onclick="application.goToTargetView(event)" id="BC-RButton_y" class="BC_RButton">
|
||||
<svg class="BC-RButton_za">
|
||||
<ellipse id="BC-RButton_za" rx="19" ry="19" cx="19" cy="19">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="EvenTMapButton_tc" class="EvenTMapButton">
|
||||
<svg class="EvenTMapButton_td">
|
||||
<rect id="EvenTMapButton_td" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="EvenTMapButton_y" class="EvenTMapButton">
|
||||
<svg class="EvenTMapButton_za">
|
||||
<rect id="EvenTMapButton_za" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="TableButton_te" class="TableButton">
|
||||
<svg class="TableButton_tf">
|
||||
<rect id="TableButton_tf" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="TableButton_zb" class="TableButton">
|
||||
<svg class="TableButton_zc">
|
||||
<rect id="TableButton_zc" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_tg" class="HOMEBUTTON">
|
||||
<svg class="HOMEBUTTON_th">
|
||||
<rect id="HOMEBUTTON_th" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_zd" class="HOMEBUTTON">
|
||||
<svg class="HOMEBUTTON_ze">
|
||||
<rect id="HOMEBUTTON_ze" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user