Problème variable dans info bulle
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:
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:
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
