Discussion :

[anisj1m]

Bonjour,

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


j'ai essayé ceci :

Code :

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

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.

[anisj1m]

voila la solution:

Code :

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

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 :

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

1
2
3
4
5
6
div.toolTip {
display:block;
left:0px;
position:relative;
 top:20px;
}