[XHTML] Générer une map dynamiquement

Bonsoir à tous.

Voila, j'ai plusieurs images qui on moultes zones cliquables de défiinit.

Ex:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
				<center><img src="../img/impact_latteral_droit.jpg" width="400" height="277" usemap="#ImpactLateralDroit" border="0"/></center>
				<map name="ImpactLateralDroit">
				<area shape="circle" coords="91,63,5"  href="xxx"  alt="Feu arriere haut"/>
				<area shape="circle" coords="131,67,5"  href="xxx"  alt="Aileron"/>
				<area shape="circle" coords="143,44,5"  href="xxx"  alt="Hard top"/>
				<area shape="circle" coords="186,28,5"  href="xxx"   alt="Toit ouvrant"/>
				<area shape="circle" coords="230,15,5"  href="xxx"  alt="Capote"/>
				<area shape="circle" coords="215,91,5"  href="xxx"  alt="Custode arriere"/>
				<area shape="circle" coords="258,76,5"  href="xxx"  alt="Vitre arriere"/>
				<area shape="circle" coords="309,55,5"  href="xxx"  alt="Vitre avant"/>
				<area shape="circle" coords="338,59,5"  href="xxx"  alt="Custode avant"/>
				<area shape="circle" coords="369,63,5"  href="xxx"  alt="Retroviseur"/>
				<area shape="circle" coords="389,66,5"  href="xxx"  alt="Clignotant avant"/>
				<area shape="circle" coords="393,76,5"  href="xxx"  alt="Phare avant"/>
 
...
 
				<area shape="default" href="ImpactLateralDroit"/>
				</map>

J'ai créer une table qui référencie à la fois le libellé et les coordonnées des zones.

Je voudrais générer dynamiquement la map comme décrite ci-dessus au chargement de ma page.

un truc du style

Code:

1
2
3
4
5
 
<map>
Pour chaque élément de la liste, créer la ligne
<area shape="circle" coords="monElelment.mesCoordonnees"  href="XXX"  alt="monElement.libelle"/>
</map>

Un idée svp???

[edit]
Pour info, mon code se situe dans ma page xhtml.
Et le projet utilise Seam 2.0