Mitsubishi Electric MELSEC iQ-R08CPU - Application Example; Display of HTML; HTML Example

162
1 FUNCTIONS
1.12 Web Server Function
■Application example
An example for reading values by using the device read CGI is shown below.
• Display of HTML
• HTML example
(1) Set DEV1.
(2) Set TYP1.
(3) Set VAL1.
(4) Click to call the ReadDeviceRandomTbl function of JavaScript (Set the table ID for the argument).
<form id="devform" name="readdev" method="post">
<table id="devtbl" class="devtbl" border="1">
<tr>
<th>Device Name</th><th>Data Type</th><th>Value</th>
</tr>
<tbody>
<tr>
<td><input type="text" id="DEV1" name=" DEV1" class="input"value='D10' /></td>
<td><input type="text" id="TYP1" name=" TYP1" class="input"value='32-bit Integer' /></td>
<td><input type="text" id="VAL1" name=" VAL1" class="read-input"/></td>
</tr>
<tr>
<td><input type="text" id="DEV2" name="DEV2" class="input" value='SD0'/ ></td>
<td><input type="text" id="TYP2" name="TPY2" class="input" value='16-bit Integer'/ ></td>
<td><input type="text" id="VAL2" name="VAL2" class="read-input"/></td>
</tr>
<tr>
<td><input type="text" id="DEV3" name="DEV3" class="input"value='M0'/ ></td>
<td><input type="text" id="TYP3" name="TYP3" class="input"value='Bit'/ ></td>
<td><input type="text" id="VAL3" name="VAL3" class="read-input"/></td>
</tr>
</tbody>
</table>
<input type="button" value="Read" class="input" onclick=" ReadDeviceRandomTbl(devtbl)"/>
</form>
(1) (2) (3)(4)