ISaGRAF WinCE ViewPAC User Manual , V.1.6 , 1/2017 by ICP DAS
5-6
5.4 main.htm
5.4.1 A Simple Main.htm Example
Before going further in the main.htm, first take a look at a simple main.htm example. This example only
display a “Hello !” message when successfully login, nothing else.
<html>
<head>
<title>Title1</title>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8
" >
<SCRIPT LANGUAGE="JavaScript" src="./msg/wincon.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
show_scroll_word(200,"Hello, Welcome to the Web HMI Sample !");
function refresh_data()
{
}
</SCRIPT>
</head>
<body onLoad="
init()
">
<font color="blue" size="4">
<div style="position: absolute; width: 353px; height: 24px; z-index: 1; left: 73px;
top: 12px" id="layer1"> Hello !</div>
</font>
</body>
</html>
You may replace the main.htm in the ISaGRAF WinCE ViewPAC CD-ROM:
\napdos\isagraf\vp-25w7-23w7\vp-webhmi-demo\sample
to the above main.htm & download it to the controller (refer to
You will see the below window when you login successfully.
Please apply your charset here. For example,
English: UTF-8 ,
Simplified Chinese: gb2312 ,
Traditional Chinese: big5 , or other language
This line is necessary for menu.htm , main.htm
& other multi-pages
Calling show_scroll_world( ) will display a moving word at the bottom of
the Internet Explorer. Here 200 means 200 ms. You may make it slower,
for example, using 500.
refresh_data( ) is called when the Internet Explorer has received the
requested data from the controller. It is called in the period about 1.25
to 5 seconds depends on the communication quality.
init( ) is the entry pint of the main.htm & other
multi-pages.
A layout object is starting with “<div” & ending at “</div>” tags.
Here only show a message “Hello !”
Summary of Contents for ISaGRAF VP-23W7
Page 44: ......
Page 118: ......
Page 177: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 17 VP 23W7 23W6 Unit mm ...
Page 178: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 18 VP 25W7 25W6 Unit mm ...
Page 179: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 19 ...
Page 180: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 20 VP 41x7 41x6 Unit mm ...
Page 185: ...ISaGRAF WinCE ViewPAC User Manual V 1 6 1 2017 by ICP DAS Ap 25 ...
