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

Struts 1 Java Discussion :

taglib Stuts HTML:SELECT et HTML:OPTION integrant des images


Sujet :

Struts 1 Java

  1. #1
    Nouveau Candidat au Club
    Inscrit en
    Décembre 2010
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Décembre 2010
    Messages : 2
    Points : 1
    Points
    1
    Par défaut taglib Stuts HTML:SELECT et HTML:OPTION integrant des images
    Bonjour,

    Je souhaite pouvoir gérer le tag select en piece jointe dans Struts.

    Ce select charge une collection d'objets de type objet.clé/objet.valeur dans une JSP.
    Le property name du select est mappé directement sur au property du bean associé au formulaire (struts Form).

    Jusque là; aucun soucis...

    Tout se complique quand je souhaite gérer un code couleur dans le libellé option (cf. piece jointe)

    Comment le gérer dans la mécanique de chargement des clé-valeur associées a des couleurs sachant que la jsp utilise les taglib struts?

    Comment initialiser le composant html:select du formulaire struts avec les images associées?

    EN HTML :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
    <html>
    <head>
    <script language="javascript">
    <!--

    function change() {
    select = document.getElementById("select");
    select.style.backgroundImage = select.options[select.selectedIndex].style.backgroundImage;
    }

    -->
    </script>
    </head>
    <body>
    <div align="center">
    <form name="myform">

    <select id="select" onchange="change();">
    <option style="background:url('green.gif') no-repeat;left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Nothing Significant to Report</option>
    <option style="background:url('orange.gif') no-repeat;left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Gravity Level 1</option>
    <option style="background:url('yellow.gif') no-repeat;left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Gravity Level 2</option>
    <option style="background:url('red.gif') no-repeat;left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Gravity Level 3</option>
    </select>

    </form>
    </div>
    </body>
    </html>
    Images attachées Images attachées  

  2. #2
    Nouveau Candidat au Club
    Inscrit en
    Décembre 2010
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Décembre 2010
    Messages : 2
    Points : 1
    Points
    1
    Par défaut Une idée?
    Pour animer la discussion...
    Sur un serveur web local tomcat, quand je copie colle le code html précédent

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
    <html>
    <head>
    <script language="javascript">
    <!--

    function change() {
    select = document.getElementById("select");
    select.style.backgroundImage = select.options[select.selectedIndex].style.backgroundImage;
    }
    -->
    </script>
    </head>
    <body>
    <div align="center">
    <form name="myform">

    <select id="select" onchange="change();">
    <option value="7" style="background:url('green.gif') no-repeat;left" selected="selected">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Nothing Significant to Report</option>
    <option value="7" style="background:url('orange.gif') no-repeat;left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Gravity Level 1</option>
    <option value="7" style="background:url('yellow.gif') no-repeat;left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Gravity Level 2</option>
    <option value="7" style="background:url('red.gif') no-repeat;left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Gravity Level 3</option>
    </select>

    </form>
    </div>
    </body>
    </html>


    dans la jsp, l'image ne s'affiche pas quand l'évènement 'onchange' est déclenché après avoir remplacé les urls d'images relatives au contexte de la webapp
    - chemin relatifs de la gif,
    - entre quote,
    - sans quote,
    - placer les images dans le meme repertoire des jsp,
    - placer les images dans le work tomcat au meme niveau que les jsp

    Une idée?

Discussions similaires

  1. Réponses: 0
    Dernier message: 17/03/2009, 11h20
  2. Réponses: 4
    Dernier message: 17/04/2007, 17h34
  3. [HTML] prédéfinir le chemin du dossier des images de mon site
    Par cari dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 31/10/2006, 21h58
  4. [HTML][Select]désactiver une option sous IE ?
    Par tiPouick dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 05/11/2004, 12h13
  5. [html:select][html:options] pb de submit
    Par wazup dans le forum Struts 1
    Réponses: 5
    Dernier message: 03/05/2004, 18h54

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