Discussion :

[GDS_Strou]

Bonjour,

J'ai actuellement un p:tooltip qui s'affiche sur l'objet que je pointe avec la souris.
Le problème est que si je pointe un objet en bas de ma page, l'info bulle va s'afficher à partir de cet objet en bas et donc va s'afficher en partie en dessous de mon écran.
Y a t-il une possibilité pour que je puisse avoir l'affichage de ce tooltip au milieu ou en haut de mon ecran par default pour tous les tooltip de la page ?
Merci d'avance pour votre aide

[GDS_Strou]

bonjour,
personne n'a une idée ?

[OButterlin]

Avec le tooltip de Primefaces, je ne pense pas que tu puisses faire simplement ce que tu veux.
Par contre, rien ne t'empêche de définir une boite de dialogue et y afficher le texte, un peu comme ceci

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
 
<style type="text/css">
#tooltip > .ui-dialog-titlebar{
    display:none;
}
</style>
 
<script>
    function showTooltip(obj)
    {
        $("#tooltipContent").html(obj.title);
        PF('tooltip').show();
    }
    function hideTooltip()
    {
        PF('tooltip').hide();
    }
</script>
 
<div style="margin:20px;text-align:center">
    <br/>
    <p:inputTextarea onmouseover="showTooltip(this)" onmouseout="hideTooltip()" title="Essai de tooltip"></p:inputTextarea>
    <br/>
    <br/>
    <h:graphicImage value="/resources/images/devisVPI.png" onmouseover="showTooltip(this)" onmouseout="hideTooltip()" title="Texte sur image"/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
</div>
 
<p:dialog id="tooltip" widgetVar="tooltip" appendTo="@(body)" closable="false" resizable="false" >
    <div id="tooltipContent"></div>
</p:dialog>

[tchize_]

avec primefaces extension tu as plus de contrôle sur la position du tooltip

http://www.primefaces.org/showcase-e...itwf0f40h1r36j

[OButterlin]

Je n'ai pas vu d'option pour centrer... ça existe ?

[tchize_]

Non, mais y au moins du controle.