Un site Wap
Les tableaux
HomeUpDown

Les tableaux font partie intégrante du Wap 1.1 mais force est de constater que leur reconnaissance par les micro-navigateurs des différentes marques de mobiles est assez aléatoire et peut donner lieu à de désagréables surprises. Nous y reviendrons plus loin dans cette page. Prudence donc !


 

La balise <table>

La balise <table> ... </table> ressemble à la balise du Html mais présente néanmoins des attributs particuliers :

title="Titre" Titre du tableau susceptible d'être affiché par le micro-navigateur.
columns="x" Où x est le nombre de colonnes du tableau. Obligatoire !
align=" ... "
L
C
R
D
Indique le type d'alignement pour chaque colonne.
Contenu de la colonne aligné à gauche [Left].
Contenu de la colonne aligné au centre [Center].
Contenu de la colonne aligné à droite [Right].
Contenu de la colonne déterminé par le micro-navigateur [Default]


 

La balise <tr>
<tr> .... </tr> Permet de définir une nouvelle ligne dans le tableau. Cette balise s'inscrit donc à l'intérieur des balises <table> ... </table>.


 

La balise <td>
<td> ... </td> Permet de définir une nouvelle cellule dans une ligne de tableau. Cette balise s'inscrit donc à l'intérieur des balises <tr> ... </tr>.
Une cellule peut contenir des images ou des liens mais pas d'éléments de formulaires.
Exemple
<?xml version="1.0"?>
<!DOCTYPE wml ...>
<wml>
<card id="card1" title="Balise table">
<p align="center">
<table title="Tableau" columns="3" align="LCR">
<tr>
<td>A1</td><td>A2</td><td>A3</td>
</tr>
<tr>
<td>B1</td><td>B2</td><td>B3</td>
</tr>
<tr>
<td>C1</td><td>C2</td><td>C3</td>
</tr>
</table>
</p>
</card>
</wml>


 

Bizarre, vous avez dit bizarre...

Cette balise de tableaux illustre bien les différences d'affichage et de compatibilité que l'on rencontre dans le Wap, selon les marques et les modèles. A titre d'exemple voici le même fichier Wml décliné de 3 façons différentes.


Nokia

Ericsson

Yospace


   

Simulation d'après Nokia Wap Toolkit