7ES02-0336-07

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

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

Contenido de la página web de configuración de muestra

N.º de línea Código HTML de muestra
1 SampleSetupPane.html
2

 

3 <div class="content-fit">
4 <form id="formSampleSettings">
5

 

6 <div class="accordion">
7 <h3 target="sample-basic">$%localizedString(Basic Settings)#$</h3>
8 <div id="sample-basic">
9 <table class="formtable">
10 <tr>
11 <th>&nbsp;</th>
12 <th>&nbsp;</th>
13 </tr>
14 <tr>
15 <td>$%localizedString(Ethernet)#$</td>
16 <td>&nbsp;</td>
17 </tr>
18 <tr class="minor">
19 <td>$%localizedString(MAC Address)#$</td>
20 <td regname="MAC Address"></td>
21 </tr>
22 <tr class="minor">
23 <td>$%localizedString(Ethernet Device Name)#$</td>
24 <td><input name="Ethernet Device Name" type="text" /></td>
25 </tr>
26 <tr class="minor">
27 <td>$%localizedString(IP Address)#$</td>
28 <td><input name="IP Address" type="text" /></td>
29 </tr>
30 </table>
31

 

32 </div>
33

 

34 <h3 target="sample-advanced">$%localizedString(Advanced Settings)#$</h3>
35 <div id="sample-advanced">
36 <table class="formtable" id="frameFormatDropdownContainer">
37 <tr>
38 <th>&nbsp;</th>
39 <th>&nbsp;</th>
40 </tr>
41 <tr>
42 <td>$%localizedString(TCP Keep Alive Minutes)#$</td>
43 <td><input type="text" name="TCP Keep Alive Minutes" class="small" /> <span unitsreg="TCP Keep Alive Minutes"></span></td>
44 </tr>
45 <tr>
46 <td>$%localizedString(Enable Web Server)#$</td>
47 <td><select name="Enable Web Server"></select> </td>
48 </tr>
49 </table>
50

 

51 </div>
52 </div> 
53

 

54 <input type="submit" class="apply" value='$%localizedString(Apply)#$' />
55

 

56 </form>
57

 

58

 

59 <script type="text/javascript">
60

 

61 SetupPane.init('formSampleSettings');
62 formChangeDetection.initFormChangeDetection('#formSampleSettings', '#dialogFormChanges');
63

 

64 </script>
65 </div>

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

N.º de línea Descripción
1

SampleSetupPane.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

<form id="formSampleSettings">

“formSampleSettings” es el nombre del contenido de la página web. Este nombre deberá ser único.

7

<h3 target="sample-basic">

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

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

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

8

<div id="sample-basic">

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

15

<td>$%localizedString(Ethernet)#$</td>

“Ethernet” es el subtítulo. De ser posible, este encabezado se traduce.

19

<td>$%localizedString(MAC Address)#$</td>

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

20

<td regname="MAC Address"></td>

Esta línea muestra el valor del registro etiquetado de solo lectura “MAC Address”.

23

<td>$%localizedString(Ethernet Device Name)#$</td>

“Ethernet Device Name” es el encabezado de la fila. De ser posible, este encabezado se traduce.

24

<td><input name="Ethernet Device Name" type="text" /></td>

Esta línea muestra el valor instantáneo del registro etiquetado configurable “Ethernet Device Name” en un campo de texto editable.

El tipo deberá coincidir con el tipo de registro etiquetado, en este caso una cadena alfanumérica.

27

<td>$%localizedString(IP Address)#$</td>

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

28

<td><input name="IP Address" type="text" /></td>

Esta línea muestra el valor instantáneo del registro etiquetado configurable “IP Address” en un campo de texto editable.

El tipo deberá coincidir con el tipo de registro etiquetado, en este caso una cadena alfanumérica.

34

<h3 target="sample-advanced">

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

$%localizedString(Advanced Settings)#$</h3>

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

35

<div id="sample-advanced">

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

42

<td>$%localizedString(TCP Keep Alive Minutes)#$</td>

“TCP Keep Alive Minutes” es el encabezado de la fila. De ser posible, este encabezado se traduce.

43

<td><input type="text" name="TCP Keep Alive Minutes" class="small" />

Esta línea muestra el valor instantáneo del registro etiquetado configurable “TCP Keep Alive Minutes” en un campo de texto editable.

El tipo deberá coincidir con el tipo de registro etiquetado, en este caso una cadena alfanumérica.

<span unitsreg="TCP Keep Alive Minutes"></span></td>

Esta línea muestra las unidades que la central de medida ha definido para el registro etiquetado “TCP Keep Alive Minutes”.

NOTA:  Dado que no hay unidades definidas para “TCP Keep Alive Minutes”, no se muestra ninguna unidad.

46

<td>$%localizedString(Enable Web Server)#$</td>

“Enable Web Server” es el encabezado de la fila. De ser posible, este encabezado se traduce.

47

<td><select name="Enable Web Server"></select> </td>

“Enable Web Server” es el registro etiquetado que se visualiza. Los registros etiquetados se enumeran en la asignación de registros de la central de medida.

El tipo deberá coincidir con el tipo de registro etiquetado, en este caso un valor Enumerated que se muestra como lista desplegable.

61

SetupPane.init('formSampleSettings');

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

62

formChangeDetection.initFormChangeDetection('#formSampleSettings', '#dialogFormChanges');

Esta línea deberá coincidir con el nombre del contenido de la página web de la línea 4. Este código HTML actualiza todos los valores de la página web.

Código QR para está página

¿Le ha resultado útil?