新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
302
public/flukemoni/Ex5/OTDR_1_Curve_1310_E5.html
Normal file → Executable file
302
public/flukemoni/Ex5/OTDR_1_Curve_1310_E5.html
Normal file → Executable file
@@ -50,7 +50,169 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#HelpButton_jg {
|
||||
#n_22_ko {
|
||||
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_22_ko {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 32px;
|
||||
top: 50px;
|
||||
}
|
||||
#n_49_kp {
|
||||
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_49_kp {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 122px;
|
||||
top: 100px;
|
||||
}
|
||||
#n_50_kq {
|
||||
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_50_kq {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 250px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_51_kr {
|
||||
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_51_kr {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 21px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_52_ks {
|
||||
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_52_ks {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 92px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_53_kt {
|
||||
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_53_kt {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 193px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_54_ku {
|
||||
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_54_ku {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 292px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_55_kv {
|
||||
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_55_kv {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 426px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_56_kw {
|
||||
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_56_kw {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 423px;
|
||||
top: 600px;
|
||||
}
|
||||
#HelpButton_kx {
|
||||
position: absolute;
|
||||
width: 43px;
|
||||
height: 32px;
|
||||
@@ -62,7 +224,7 @@
|
||||
--web-action-target: OTDR_1_Curve_HELP.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HelpButton_jh {
|
||||
#HelpButton_ky {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -72,7 +234,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HelpButton_jh {
|
||||
.HelpButton_ky {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 43px;
|
||||
@@ -80,7 +242,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#SJ-LButton_ji {
|
||||
#SJ-LButton_kz {
|
||||
position: absolute;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
@@ -92,7 +254,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1310_E4.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#SJ-LButton_jj {
|
||||
#SJ-LButton_k {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -102,7 +264,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.SJ-LButton_jj {
|
||||
.SJ-LButton_k {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 38px;
|
||||
@@ -110,7 +272,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#SJ-LButton_jk {
|
||||
#SJ-LButton_la {
|
||||
position: absolute;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
@@ -122,7 +284,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1310_E6.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#SJ-LButton_jl {
|
||||
#SJ-LButton_lb {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -132,7 +294,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.SJ-LButton_jl {
|
||||
.SJ-LButton_lb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 38px;
|
||||
@@ -140,7 +302,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#BC-LButton_jm {
|
||||
#BC-LButton_k {
|
||||
position: absolute;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
@@ -152,7 +314,7 @@
|
||||
--web-action-target: OTDR_1_Curve_ALL_E5.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#BC-LButton_jn {
|
||||
#BC-LButton_la {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -162,7 +324,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.BC-LButton_jn {
|
||||
.BC-LButton_la {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 38px;
|
||||
@@ -170,7 +332,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#BC-RButton_jo {
|
||||
#BC-RButton_k {
|
||||
position: absolute;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
@@ -182,7 +344,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1550_E5.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#BC-RButton_jp {
|
||||
#BC-RButton_la {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -192,7 +354,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.BC-RButton_jp {
|
||||
.BC-RButton_la {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 38px;
|
||||
@@ -200,7 +362,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#EvenTMapButton_jq {
|
||||
#EvenTMapButton_k {
|
||||
position: absolute;
|
||||
width: 159px;
|
||||
height: 34px;
|
||||
@@ -212,7 +374,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E5.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#EvenTMapButton_jr {
|
||||
#EvenTMapButton_la {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -222,7 +384,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.EvenTMapButton_jr {
|
||||
.EvenTMapButton_la {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -230,7 +392,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#TableButton_js {
|
||||
#TableButton_k {
|
||||
position: absolute;
|
||||
width: 159px;
|
||||
height: 34px;
|
||||
@@ -242,7 +404,7 @@
|
||||
--web-action-target: OTDR_1_Tabel_1310.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TableButton_jt {
|
||||
#TableButton_la {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -252,7 +414,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.TableButton_jt {
|
||||
.TableButton_la {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -260,7 +422,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#HOMEBUTTON_ju {
|
||||
#HOMEBUTTON_lb {
|
||||
position: absolute;
|
||||
width: 63px;
|
||||
height: 51px;
|
||||
@@ -272,7 +434,7 @@
|
||||
--web-action-target: HOMEPAGE.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HOMEBUTTON_jv {
|
||||
#HOMEBUTTON_lc {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -282,7 +444,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HOMEBUTTON_jv {
|
||||
.HOMEBUTTON_lc {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 63px;
|
||||
@@ -290,7 +452,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#BackButton_jw {
|
||||
#BackButton_ld {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -300,7 +462,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.BackButton_jw {
|
||||
.BackButton_ld {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 56px;
|
||||
@@ -3228,56 +3390,92 @@ window.application = new Application();
|
||||
<div id="OTDR-1-Curve-1310-E5">
|
||||
<img id="n_215" src="n_215.png" srcset="n_215.png 1x, n_215@2x.png 2x">
|
||||
|
||||
<div onclick="application.goToTargetView(event)" id="HelpButton_jg" class="HelpButton">
|
||||
<svg class="HelpButton_jh">
|
||||
<rect id="HelpButton_jh" rx="0" ry="0" x="0" y="0" width="43" height="32">
|
||||
<svg class="n_22_ko">
|
||||
<ellipse id="n_22_ko" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_49_kp">
|
||||
<ellipse id="n_49_kp" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_50_kq">
|
||||
<ellipse id="n_50_kq" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_51_kr">
|
||||
<ellipse id="n_51_kr" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_52_ks">
|
||||
<ellipse id="n_52_ks" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_53_kt">
|
||||
<ellipse id="n_53_kt" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_54_ku">
|
||||
<ellipse id="n_54_ku" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_55_kv">
|
||||
<ellipse id="n_55_kv" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_56_kw">
|
||||
<ellipse id="n_56_kw" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<div onclick="application.goToTargetView(event)" id="HelpButton_kx" class="HelpButton">
|
||||
<svg class="HelpButton_ky">
|
||||
<rect id="HelpButton_ky" rx="0" ry="0" x="0" y="0" width="43" height="32">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="SJ-LButton_ji" class="SJ_LButton">
|
||||
<svg class="SJ-LButton_jj">
|
||||
<ellipse id="SJ-LButton_jj" rx="19" ry="19" cx="19" cy="19">
|
||||
<div onclick="application.goToTargetView(event)" id="SJ-LButton_kz" class="SJ_LButton">
|
||||
<svg class="SJ-LButton_k">
|
||||
<ellipse id="SJ-LButton_k" rx="19" ry="19" cx="19" cy="19">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="SJ-LButton_jk" class="SJ_LButton">
|
||||
<svg class="SJ-LButton_jl">
|
||||
<ellipse id="SJ-LButton_jl" rx="19" ry="19" cx="19" cy="19">
|
||||
<div onclick="application.goToTargetView(event)" id="SJ-LButton_la" class="SJ_LButton">
|
||||
<svg class="SJ-LButton_lb">
|
||||
<ellipse id="SJ-LButton_lb" rx="19" ry="19" cx="19" cy="19">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="BC-LButton_jm" class="BC_LButton">
|
||||
<svg class="BC-LButton_jn">
|
||||
<ellipse id="BC-LButton_jn" rx="19" ry="19" cx="19" cy="19">
|
||||
<div onclick="application.goToTargetView(event)" id="BC-LButton_k" class="BC_LButton">
|
||||
<svg class="BC-LButton_la">
|
||||
<ellipse id="BC-LButton_la" rx="19" ry="19" cx="19" cy="19">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="BC-RButton_jo" class="BC_RButton">
|
||||
<svg class="BC-RButton_jp">
|
||||
<ellipse id="BC-RButton_jp" rx="19" ry="19" cx="19" cy="19">
|
||||
<div onclick="application.goToTargetView(event)" id="BC-RButton_k" class="BC_RButton">
|
||||
<svg class="BC-RButton_la">
|
||||
<ellipse id="BC-RButton_la" rx="19" ry="19" cx="19" cy="19">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="EvenTMapButton_jq" class="EvenTMapButton">
|
||||
<svg class="EvenTMapButton_jr">
|
||||
<rect id="EvenTMapButton_jr" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="EvenTMapButton_k" class="EvenTMapButton">
|
||||
<svg class="EvenTMapButton_la">
|
||||
<rect id="EvenTMapButton_la" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="TableButton_js" class="TableButton">
|
||||
<svg class="TableButton_jt">
|
||||
<rect id="TableButton_jt" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="TableButton_k" class="TableButton">
|
||||
<svg class="TableButton_la">
|
||||
<rect id="TableButton_la" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ju" class="HOMEBUTTON">
|
||||
<svg class="HOMEBUTTON_jv">
|
||||
<rect id="HOMEBUTTON_jv" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_lb" class="HOMEBUTTON">
|
||||
<svg class="HOMEBUTTON_lc">
|
||||
<rect id="HOMEBUTTON_lc" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<svg class="BackButton_jw">
|
||||
<rect onclick="application.goToTargetView(event)" id="BackButton_jw" rx="0" ry="0" x="0" y="0" width="56" height="42">
|
||||
<svg class="BackButton_ld">
|
||||
<rect onclick="application.goToTargetView(event)" id="BackButton_ld" rx="0" ry="0" x="0" y="0" width="56" height="42">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user