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 :
- <script language="javascript" type="text/javascript">
- <!--
- function GetId(id)
- {
- return document.getElementById(id);
- }
- var i=false; // La variable i nous dit si la bulle est visible ou non
- function move(e) {
- if(i) { // Si la bulle est visible, on calcul en temps reel sa position ideale
- if (navigator.appName!="Microsoft Internet Explorer" ) { // Si on est pas sous IE
- GetId("curseur" ).style.left=e.pageX + 5+"px";
- GetId("curseur" ).style.top=e.pageY + 10+"px";
- }
- else { // Modif proposé par TeDeum, merci à lui
- if(document.documentElement.clientWidth>0) {
- GetId("curseur" ).style.left=20+event.x+document.documentElement.scrollLeft+"px";
- GetId("curseur" ).style.top=10+event.y+document.documentElement.scrollTop+"px";
- }
- else {
- GetId("curseur" ).style.left=20+event.x+document.body.scrollLeft+"px";
- GetId("curseur" ).style.top=10+event.y+document.body.scrollTop+"px";
- }
- }
- }
- }
- function montre(text) {
- if(i==false) {
- GetId("curseur" ).style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
- GetId("curseur" ).innerHTML = text; // Cette fonction est a améliorer, il parait qu'elle n'est pas valide (mais elle marche)
- i=true;
- }
- }
- function cache() {
- if(i==true) {
- GetId("curseur" ).style.visibility="hidden"; // Si la bulle etais visible on la cache
- i=false;
- }
- }
- document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
- //-->
- </script>
|
Et une partie du code de ma JSP
Code :
- <html:form>
- <html:dataTable value="#{Rubrique.resultat}" var="resultat" border="0">
- <div id="curseur" class="infobulle"></div>
- <html:column>
- <core:facet name="header">
- <core:verbatim >Nom</core:verbatim>
- </core:facet>
- <html:outputText style="text-align: center; font-family:verdana; font-size:12; font-style:italic;" value="#{resultat.nom}"/>
- </html:column>
- <html:column>
- <core:facet name="header">
- <core:verbatim>Image</core:verbatim>
- </core:facet>
- <html:graphicImage value="#{resultat.image}" onmouseover="montre('#{resultat.description}')" onmouseout="cache()" />
- </html:column>
- <html:column>
- <core:facet name="header">
- <core:verbatim>Prix</core:verbatim>
- </core:facet>
- <html:outputText style="text-align: center; font-family:verdana; font-size:12; font-style:italic;" value="#{resultat.prix_unit} €" />
- </html:column>
- </html:dataTable>
- </html:form>
|
La partie concernee : ligne 14 - 15 de la JSP
En resume : le but d'afficher la description associe lorsque je passe la souris sur sa photo.
Merci d'avance
Message édité par sn@ke51 le 18-01-2008 à 16:39:01
