7FR02-0390-04

Exemple de code HTML pour les pages Web de configuration

Le contenu et la mise en forme des pages Web de configuration sont contrôlés par du code HTML.

Contenu de l'exemple de page Web de configuration

Numéro de ligne Exemple de code HTML
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>

Description du contenu de l'exemple de page Web de configuration

Numéro de ligne Description
1

SampleSetupPane.html

Nom du fichier HTML, avec l'extension (.html). Ce nom de fichier doit respecter les exigences de nom SFTP (ni espaces ni caractères spéciaux). C'est le nom de fichier (sans l'extension .html) qui est affiché dans le menu de page Web.

4

<form id="formSampleSettings">

« formSampleSettings » est le nom de ce contenu. Ce nom doit être unique.

7

<h3 target="sample-basic">

Définit le premier volet de contenu de la page Web. « sample-basic » est le nom de ce contenu. Ce nom doit être unique.

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

« Basic Settings » est le titre du volet de contenu. Ce titre sera traduit, si possible.

8

<div id="sample-basic">

Doit correspondre au nom du contenu de la ligne 7.

15

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

« Ethernet » est le sous-titre. Cet en-tête sera traduit, si possible.

19

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

« MAC Address » est l'en-tête de la rangée. Cet en-tête sera traduit, si possible.

20

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

Affiche la valeur instantanée pour le registre nommé « MAC Address ».

23

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

« Ethernet Device Name » est l'en-tête de la rangée. Cet en-tête sera traduit, si possible.

24

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

Affiche la valeur instantanée du registre nommé « Ethernet Device Name » dans un champ de texte modifiable.

Le type doit correspondre au type du registre nommé. Ici il s'agit d'une chaîne alphanumérique.

27

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

« IP Address » est l'en-tête de la rangée. Cet en-tête sera traduit, si possible.

28

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

Affiche la valeur instantanée du registre nommé « IP Address » dans un champ de texte modifiable.

Le type doit correspondre au type du registre nommé. Ici il s'agit d'une chaîne alphanumérique.

34

<h3 target="sample-advanced">

Définit le deuxième panneau de contenu de la page Web. « Sample-advanced » est le nom de ce contenu. Ce nom doit être unique.

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

« Advanced Settings » est le titre du volet de contenu de la page Web. Ce titre sera traduit, si possible.

35

<div id="sample-advanced">

Doit correspondre au nom du contenu de la ligne 34.

42

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

« TCP Keep Alive Minutes » est l'en-tête de la rangée. Cet en-tête sera traduit, si possible.

43

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

Affiche la valeur instantanée du registre nommé « TCP Keep Alive Minutes » dans un champ de texte modifiable.

Le type doit correspondre au type du registre nommé. Ici il s'agit d'une chaîne alphanumérique.

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

Affiche l'unité que le compteur a définie pour le registre nommé « TCP Keep Alive Minutes ».

REMARQUE : Aucune unité n'étant définie pour TCP Keep Alive Minutes, aucune unité n'est affichée.

46

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

« Enable Web Server » est l'en-tête de rangée. Cet en-tête sera traduit, si possible.

47

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

« Enable Web Server » est le registre nommé qui est affiché. Les registres nommés sont répertoriés dans le mappage de registres du compteur.

Le type doit correspondre au type du registre nommé. Ici il s'agit d'une valeur énumérée affichée sous forme de liste déroulante.

61

SetupPane.init('formSampleSettings');

Doit reprendre le nom de contenu de la ligne 4.

62

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

Doit reprendre le nom de contenu de la ligne 4. Ce code HTML sert à mettre à jour toutes les valeurs de la page Web.

Code QR pour cette page

Contenu utile ?