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
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
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>
La partie concernee : ligne 14 de la 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>
En resume : le but d'afficher la description associe lorsque je passe la souris sur sa photo.
Merci d'avance
Partager