ISaGRAF WinCE ViewPAC User Manual , V.1.6 , 1/2017 by ICP DAS
5-9
5.4.2.1 Displaying Dynamic Boolean Data
Demo example: vphmi_02 and vphmi_05
Let’s look back to the refresh_data function. If user want to display the dynamic boolean value, the
below code can be used.
…
function refresh_data()
{
B1.src = "./img/circle_blue" + boolean_val[1] + ".jpg" ;
}
…
<body onLoad="init()">
…
<div style="position: absolute; width: 214px; height: 53px; z-index: 2; left: 102px; top: 79px">
<img name="B1" src="img/circle_blue0.jpg"></div>
…
</body>
5.4.2.2 Displaying Dynamic Float & Word & Timer Data
Demo example: vphmi_01 , vphmi_03 and vphmi_05
If user want to display the dynamic float value, the below code can be used.
…
function refresh_data()
{
F21.innerText = float_val[21] ;
}
…
<body onLoad="init()">
…
<div style="position: absolute; width: 214px; height: 53px; z-index: 2; left: 102px; top: 79px">
<b id="F21"> xxxx </b> </div>
…
</body>
The action of the image object “B1” is defined here.
if boolean_val*1+=1, it display image “B1” as “img/circle_blue1.jpg”
if boolean_val*1+=0, it display image “B1” as “img/circle_blue0.jpg”
The action of the Text object “F21” is defined here.
The declaration of Text object “F21” is defined here by the “<b” tag & id=”F21”
& “</b>” tag initial value of this F21 is “xxxx”
The layout (or location) of the image object “B1” is defined here by the
“<div” and “</div>” tags.
The declaration of image “B1” is defined here by the “img” tag &
name=”B1” src= …
“src=” defines the initial value of B1
If want to display Word data, please use “word_val* +“
If want to display Timer data, please use “timer_val* +“.
For ex, F21.innerText = timer_val*21+ + “ ms”;
The layout (or location) of the Text object “F21” is defined
here by the “<div” “</div>” tags.
Содержание ISaGRAF VP-23W7
Страница 44: ......
Страница 118: ......
Страница 134: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS 9 2 On line help of ICP DAS add on functions function blocks ...
Страница 176: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 16 Appendix C Hardware Interface Dimension ...
Страница 177: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 17 VP 23W7 23W6 Unit mm ...
Страница 178: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 18 VP 25W7 25W6 Unit mm ...
Страница 179: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 19 ...
Страница 180: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 20 VP 41x7 41x6 Unit mm ...
Страница 185: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 25 ...
