IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[XHTML] Générer une map dynamiquement


Sujet :

HTML

  1. #1
    Membre à l'essai
    Inscrit en
    Mars 2003
    Messages
    13
    Détails du profil
    Informations forums :
    Inscription : Mars 2003
    Messages : 13
    Points : 13
    Points
    13
    Par défaut [XHTML] Générer une map dynamiquement
    Bonsoir à tous.

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

    Ex:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Membre à l'essai
    Inscrit en
    Mars 2003
    Messages
    13
    Détails du profil
    Informations forums :
    Inscription : Mars 2003
    Messages : 13
    Points : 13
    Points
    13
    Par défaut
    Problème résolu en utilisant la balise JSTL c:foreach...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Générer une "map" des zones cliquables d'une page html
    Par GZweb dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 20/02/2014, 14h56
  2. Générer une liste dynamique et garder la valeur selectionnée
    Par forum dans le forum Contribuez / Téléchargez Sources et Outils
    Réponses: 0
    Dernier message: 20/06/2012, 16h15
  3. Réponses: 26
    Dernier message: 06/05/2009, 00h14
  4. [JpGraph] pb générer une image dynamiquement
    Par jackseed dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 13/06/2007, 09h37
  5. Comment générer une image dynamiquement ?
    Par K20 dans le forum Langage
    Réponses: 12
    Dernier message: 19/11/2005, 01h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo