Table of Contents
Advertisement
Please go to the <body> area and then modify the code as below.
Caption Area: Layer1
A Layer is starting with "<div " & ending with "</div>" tag
<!-- Caption -->
<font color="blue" size="4">
<div
style="position: absolute; width: 353px; height: 24px; z-index: 1; left: 73px; top: 12px" id="layer1">
This is a Web HMI sample page
</font>
K1 Area: Layer2 to Layer4
<div style="position: absolute; width: 102px; height: 93px; z-index: 2; left: 75px; top: 52px" id="layer2">
<div style="position: absolute; width: 44px; height: 24px; z-index: 1; left: 3px; top: 10px" id="layer3">
K1</div>
<div style="position: absolute; width: 58px; height: 46px; z-index: 2; left: 1px; top: 38px" id="layer4">
<img
name="B11"
<p> </div>
K2 Area: Layer5 to Layer7
<div style="position: absolute; width: 101px; height: 93px; z-index: 3; left: 241px; top: 51px" id="layer5">
<div style="position: absolute; width: 47px; height: 26px; z-index: 1; left: 6px; top: 4px" id="layer6">
K2</div>
<div style="position: absolute; width: 92px; height: 35px; z-index: 2; left: 7px; top: 38px" id="layer7">
<font id="font_B12" color="blue" size="3">
<b id="B12"> OK </b>
</font> </div>
<p> </div>
OUT01 Area: Layer8 to Layer10
<div style="position: absolute; width:82px; height:79px;z-index:4; left:71px; top:168px" id="layer8">
<div style="position: absolute; width: 60px; height: 31px; z-index: 1; left: 3px; top: 6px" id="layer9">
OUT01</div>
<div style="position: absolute; width: 37px; height: 31px; z-index: 2; left: 6px; top: 42px" id="layer10">
<img
name="B1"
border="0" src="img/circle_blue0.jpg" width="19" height="20"></div>
<p> </div>
!</div>
border="0" src="img/big_Tcircle_red0.jpg" width="43" height="41"></div>
Please insert name="B11" just after the "<img "
Please modify "OK <div>" to become
<font id="font_B12" color="blue" size="3">
<b id="B12"> OK </b>
</font> </div>
Please insert name="B1" just after the "<img "
ISaGRAF WinCE ViewPAC User Manual , V.1.6 , 1/2017 by ICP DAS
4-31
Advertisement
Table of Contents
