Problème variable dans info bulle

**sn@ke51** · 21/01/2008, 00h09

Bonjour a tous,

Alors voila j'ai une info bulle qui prend en parametre le texte qu'il doit afficher...

Hors dans ma JSF, je recupere une ArrayList grace a un Bean et j'aimerais passer un parametre de cet Arraylist a ma bulle pour qu'il l'affiche...

Par contre impossible de lui passer, ca n'affiche rien.

Voici le javascript de la bulle

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
   1. <script language="javascript" type="text/javascript">
   2.    <!--
   3.    function GetId(id)
   4.    {
   5.    return document.getElementById(id);
   6.    }
   7.    var i=false; // La variable i nous dit si la bulle est visible ou non
   8.
   9.    function move(e) {
  10.      if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
  11.        if (navigator.appName!="Microsoft Internet Explorer" ) { // Si on est pas sous IE
  12.        GetId("curseur" ).style.left=e.pageX + 5+"px";
  13.        GetId("curseur" ).style.top=e.pageY + 10+"px";
  14.        }
  15.        else { // Modif proposé par TeDeum, merci à lui
  16.        if(document.documentElement.clientWidth>0) {
  17.            GetId("curseur" ).style.left=20+event.x+document.documentElement.scrollLeft+"px";
  18.            GetId("curseur" ).style.top=10+event.y+document.documentElement.scrollTop+"px";
  19.        }
  20.        else {
  21.            GetId("curseur" ).style.left=20+event.x+document.body.scrollLeft+"px";
  22.            GetId("curseur" ).style.top=10+event.y+document.body.scrollTop+"px";
  23.        }
  24.        }
  25.      }
  26.    }
  27.
  28.    function montre(text) {
  29.      if(i==false) {
  30.      GetId("curseur" ).style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
  31.      GetId("curseur" ).innerHTML = text; // Cette fonction est a améliorer, il parait qu'elle n'est pas valide (mais elle marche)
  32.      i=true;
  33.      }
  34.    }
  35.    function cache() {
  36.    if(i==true) {
  37.    GetId("curseur" ).style.visibility="hidden"; // Si la bulle etais visible on la cache
  38.    i=false;
  39.    }
  40.    }
  41.    document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
  42.    //-->
  43. </script>

Et une partie du code de ma JSP

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
21
22
23
   1. <html:form>
   2.        <html:dataTable value="#{Rubrique.resultat}" var="resultat" border="0">
   3.              <div id="curseur" class="infobulle"></div>
   4.        <html:column>
   5.        <core:facet name="header">
   6.        <core:verbatim >Nom</core:verbatim>
   7.        </core:facet>
   8.        <html:outputText style="text-align: center; font-family:verdana; font-size:12; font-style:italic;" value="#{resultat.nom}"/>
   9.        </html:column>
  10.        <html:column>
  11.        <core:facet name="header">
  12.        <core:verbatim>Image</core:verbatim>
  13.        </core:facet>
  14.        <html:graphicImage value="#{resultat.image}" onmouseover="montre('#{resultat.description}')" onmouseout="cache()" />
  15.        </html:column>
  16.        <html:column>
  17.        <core:facet name="header">
  18.        <core:verbatim>Prix</core:verbatim>
  19.        </core:facet>
  20.        <html:outputText style="text-align: center; font-family:verdana; font-size:12; font-style:italic;" value="#{resultat.prix_unit} €" />
  21.        </html:column>
  22.        </html:dataTable>
  23.       </html:form>

La partie concernee : ligne 14 de la JSP

En resume : le but d'afficher la description associe lorsque je passe la souris sur sa photo.

Merci d'avance

**romaintaz** · 21/01/2008, 09h53

Si ce code ne passe, voilà une idée :

Mettre la valeur de #{resultat.description} dans un champ caché (<h:inputHidden>), puis de le récupérer dans ton code Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<h:form id="myForm">
    ...
    <h:inputHidden id="bidule" value="#{resultat.description}"/>
    ...

et dans le Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var text = document.getElementById("myForm:bidule").value;

**sn@ke51** · 21/01/2008, 10h35

Merci

J'essai ça ce matin et je vous dis si c'est résolu ou non.

Encore merci

**sn@ke51** · 21/01/2008, 12h14

Bah en fait ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<h:form id="myForm">
    ...
    <h:inputHidden id="bidule" value="#{resultat.description}"/>
    ...

me mets ce warning :

"EL expression does not evaluate to expected types for this attribute"

Et genere une erreur d'exception

javax.servlet.ServletException: Error calling action method of component with id _idJsp9:_idJsp10
javax.faces.webapp.FacesServlet.service(FacesServlet.java:154)
org.apache.myfaces.webapp.filter.ExtensionsFilter.doFilter(ExtensionsFilter.java:144)