7ES02-0336-07

Código HTML de muestra del contenido de páginas web de visualización de datos

El contenido y el formato de toda página web de visualización de datos se controlan mediante su código HTML.

Contenido de la página web de visualización de datos de muestra

N.º de línea Código HTML de muestra
1 SampleMonitorPane.html
2 <div class="content-fit">
3 <div class="accordion">
4 <h3 target="sample-readings">$%localizedString(Basic Readings)#$</h3>
5 <div id="sample-readings">
6 <table class="datatable">
7 <tr>
8 <th>&nbsp;</th>
9 <th>$%localizedString(Minimum)#$</th>
10 <th>$%localizedString(Present)#$</th>
11 <th>$%localizedString(Maximum)#$</th>
12 </tr>
13 <tr class="minor">
14 <td>$%localizedString(I a)#$ <span unitsreg="I a"></span></td>
15 <td regname="I a mn"></td>
16 <td regname="I a"></td>
17 <td regname="I a mx"></td>
18 </tr>
19 <tr class="minor">
20 <td>$%localizedString(I b)#$ <span unitsreg="I b"></span></td>
21 <td regname="I b mn"></td>
22 <td regname="I b"></td>
23 <td regname="I b mx"></td>
24 </tr>
25 </table>
26 </div>
27 <h3 target="sample-energy">$%localizedString(Energy Readings)#$</h3>
28 <div id="sample-energy">
29 <table class="datatable">
30 <tr>
31 <th>&nbsp;</th>
32 <th>$%localizedString(Present)#$</th>
33 </tr>
34 <tr>
35 <td>$%localizedString(Active Energy)#$ <span unitsreg="kWh del-rec"></span></td>
36 <td regname="kWh del-rec"></td>
37 </tr>
38 <tr>
39 <td>$%localizedString(Reactive Energy)#$ <span unitsreg="kVARh del-rec"></span></td>
40 <td regname="kVARh del-rec"></td>
41 </tr>
42 </table>
43 </div>
44 </div>
45  
46  
47 <script type="text/javascript">
48  
49 instantaneousReadings.initInstantaneousReadings('sample-readings');
50  
51 </script>
52 </div>

Descripción del contenido de la página web de visualización de datos de muestra

N.º de línea Descripción
1
SampleMonitorPane.html 

Nombre de archivo HTML, incluida la extensión HTML (.html). El nombre de archivo deberá cumplir los requisitos de nombre de archivo SFTP (sin espacios ni caracteres especiales). El nombre de archivo (sin la extensión HTML) es el nombre que se muestra en el menú de la página web.

4
<h3 target="sample-readings">

Esta línea crea la primera ventana de contenido de la página web. “sample-readings” es el nombre del contenido de la página web. Este nombre deberá ser único.

$%localizedString(Basic Readings)#$</h3>

“Basic Readings” es el título de la ventana de contenido de la página web. De ser posible, este título se traduce.

5
<div id="sample-readings">

Esta línea deberá coincidir con el nombre del contenido de la página web de la línea 4.

9
<th>$%localizedString(Minimum)#$</th>

“Minimum” es el encabezado de la primera columna. De ser posible, este encabezado se traduce.

10
<th>$%localizedString(Present)#$</th>

“Present” es el encabezado de la segunda columna. De ser posible, este encabezado se traduce.

11
<th>$%localizedString(Maximum)#$</th>

“Maximum” es el encabezado de la última columna. De ser posible, este encabezado se traduce.

14
<td>$%localizedString(I a)#$ 

“I a” es el encabezado de la fila. De ser posible, este encabezado se traduce.

<span unitsreg="I a"></span></td>

Esta línea muestra las unidades que la central de medida ha definido para el registro etiquetado “I a”.

15
<td regname="I a mn"></td>

Esta línea muestra el valor instantáneo del registro etiquetado “I a mn”.

16
<td regname="I a"></td>

Esta línea muestra el valor instantáneo del registro etiquetado “I a”.

17
<td regname="I a mx"></td>

Esta línea muestra el valor instantáneo del registro etiquetado “I a mx".

20
<td>$%localizedString(I b)#$ 

“I b” es el encabezado de la segunda fila. De ser posible, este encabezado se traduce.

<span unitsreg="I b"></span></td>

Esta línea muestra las unidades que la central de medida ha definido para el registro etiquetado “I b”.

21
<td regname="I b mn"></td>

Esta línea muestra el valor instantáneo del registro etiquetado “I b mn”.

22
<td regname="I b"></td>

Esta línea muestra el valor instantáneo del registro etiquetado “I b”.

23
<td regname="I b mx"></td>

Esta línea muestra el valor instantáneo del registro etiquetado “I bmx”.

27
<h3 target="sample-energy">

Esta línea crea la segunda ventana de contenido de la página web. “sample-energy” es el nombre del contenido de la página web. Este nombre deberá ser único.

$%localizedString(Energy Readings)#$</h3>

“Energy Readings” es el título de la ventana de contenido de la página web. De ser posible, este título se traduce.

28
<div id="sample-energy">

Esta línea deberá coincidir con el nombre del contenido de la página web de la línea 27.

32
<th>$%localizedString(Present)#$</th>

“Present” es el encabezado de la última columna. De ser posible, este encabezado se traduce.

35
<td>$%localizedString(Active Energy)#$ 

“Active Energy” es el encabezado de la fila. De ser posible, este encabezado se traduce.

<span unitsreg="kWh del-rec"></span></td>

Esta línea muestra las unidades que la central de medida ha definido para el registro etiquetado “kWh del-rec”.

36
<td regname="kWh del-rec"></td>

Esta línea muestra el valor instantáneo del registro etiquetado “kWh del-rec”.1

39
<td>$%localizedString(Reactive Energy)#$ 

“Reactive Energy” es el encabezado de la fila. De ser posible, este encabezado se traduce.

<span unitsreg="kVARh del-rec"></span></td>

Esta línea muestra las unidades que la central de medida ha definido para el registro etiquetado “kVARh del-rec”.

40
<td regname="kVARh del-rec"></td>

Esta línea muestra el valor instantáneo del registro etiquetado “kVARh del-rec”.1

49
instantaneousReadings.initInstantaneousReadings('sample-readings');

“sample-readings” es el nombre único del contenido de la primera página web. Este código HTML actualiza todos los valores de la página web.

1 Los registros etiquetados se enumeran en la asignación de registros Modbus. También puede referenciar un valor mediante su código ION utilizando el siguiente formato: <td regname=”_0x####”></td>.
Código QR para está página

¿Le ha resultado útil?