Un site Wap
Les listes d'options
HomeUpDown

Le Wap n'aura jamais de vocation textuelle ou graphique. Par contre, là où il trouve son intérêt c'est dans sa faculté de pouvoir, n'importe où et n'importe quand, saisir une information, transmettre la requête et recevoir une réponse.

Le Wml propose pour l'encodage de l'information, outre les zones de saisie, les listes de choix ou les listes d'options.


 

La balise <select> ... </select>

Les listes d'option réclament en fait deux balises : d'abord la balise <select> [le pendant de <form> en Html] et les balises <option> [voir les balises <input type=" ... " du Html].

name="variable" Le nom de la variable qui contiendra la donnée correspondante au choix de l'utilisateur.
value=" ... " La valeur par défaut de la variable désignée par name. En cas de sélection multiple, les valeurs sont séparées par des points-virgules.
multiple = "true" ou
multiple="false"
Important ! C'est assurément l'attribut le plus important de la balise <select> car c'est cet attribut qui déterminera si votre liste de choix est à choix unique ou à choix multiple.
Avec multiple ="true", la liste admet des sélections multiples [comme checkbox des formulaires Html].
Avec multiple="false", la liste n'admet qu'une seule sélection [comme radio des formulaires Html].
title="Titre" Le titre ou le nom de la liste d'options susceptible d'être affiché par le micro-navigateur.
iname="variable" Nom de la variable affectée par la position de l'index dans la liste d'options au cas où la variable name ne contiendrait aucune valeur. En cas de sélection multiple, les variables sont séparées par des points-virgules.
ivalue="x " Où x est un nombre indiquant une sélection au cas où la variable name ne contiendrait aucune valeur. Valeur comprise entre 1 et le nombre de choix proposés.


 

La balise <option> ... </option>

Etant donné son importance, cette balise comporte beaucoup d'attributs. Insistons sur le slash final inhabituel pour les familiers du Html.

title="Titre" Le titre ou le nom de la liste de choix susceptible d'être affiché par le micro-navigateur.
value=" ... " La valeur attachée à la sélection. Cette valeur est copiée dans la variable name de la balise <select>.
onpick="URL" Renvoie à l'URL déterminée lorsque l'utilisateur a retenu cette sélection. Comparable au "onclick" du Javascript.


 

Exemple de choix unique

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC ".....>
<wml>
<card id="card1" title=" Choix unique ">
<p>
Entrez votre choix:<br/>
<select name="choix" multiple="false">
<option>Choix 1</option>
<option>Choix 2</option>
<option>Choix 3</option>
</select>
</p>
</card>
</wml>

Ce qui en captures d'écran, suit le processus suivant :

    La carte de départ.
    On active la liste de choix qui s'affiche.
    On sélectionne son choix. Ici choix 2.
    L'écran final se présente comme suit.


 

Exemple de choix multiple

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC ".....>
<wml>
<card id="ct1" title=" Zone de saisie ">
<p>
Votre moteur préféré:<br/>
<select name="choix" multiple="true">
<option>Yahoo</option>
<option>Altavista</option>
<option>Google</option>
<option>Hotbot</option>
</select>
</p>
</card>
</wml>

Ce qui en captures d'écran, suit le processus suivant :

    La carte de départ.
    On active la liste de choix.
    On sélectionne le ou les élément(s).
    L'écran final se présente comme suit.


 

La balise <optgroup> ... </optgroup>

Pour être complet, il existe aussi la balise <optgroup> qui permet de grouper des options.
Le seul attribut est title="Titre" qui permet de donner un titre ou un nom susceptible d'être affiché par le micro-navigateur à un groupe de liste d'options.


   

Simulations d'après Nokia Wap Toolkit