rich:toolTip et showEvent="onfocus"

Bonjour,

je veux faire apparaitre un tooltip lorsque in champ inputtext est choisit par une fonction javascript (focus)


j'ai essayé ceci :

Code:

---

1 2 3 4 5

<h:inputText id="idsearchpanel" style="width:178px; height:17px" value="#{dossierconsultation.numeroDossier}"> <rich:toolTip for="idsearchpanel" hideDelay="500" showEvent="onfocus"> <h:outputText value="Veillez saisir le numero de dossier a chercher" /> </rich:toolTip> </h:inputText>

---

l'affichage se fait bien lorsque le input est en focus mais le problème est que le tooltip est affiché dans la position (0,0) au lieu de s'afficher a coté du inputtext.

;)

voila la solution:

Code:

---

1 2 3 4 5 6 7 8

<h:inputText id="idsearchpanel" style="width:178px; height:17px" value="#{dossierconsultation.numeroDossier}"> <div class="toolTip"> <rich:toolTip for="idsearchpanel" hideDelay="500" showEvent="onfocus" followMouse="true" direction="top-right">   <h:outputText value="Veillez saisir le numero de dossier a chercher" /> </rich:toolTip> </div> </h:inputText>

---

avec un css :

Code:

---

1 2 3 4 5 6

div.toolTip { display:block; left:0px; position:relative; top:20px; }

---