JSF/ Style h:outputText info-bulle

Je voudrais créer un look pour une info-bulle.

<h:outputText value="blarg" title="tooltip">

S'il vous plait ne me dites pas d'utiliser riches:l'encadré d'aide que j'ai essayé et ils ont un bug où il s'étend au-delà d'un tableau de données. Donc je me demandais si il est réellement possible de le style de la jsf est outputText info-bulle.

Si vous savez, merci de me donner des pointeurs.

Merci. Avoir une bonne journée.

InformationsquelleAutor Kevin | 2011-09-15
  1. 4

    Vous ne pouvez pas le style d'une info-bulle à l'aide de la plaine de vanille HTML/CSS. Vous avez vraiment besoin de JavaScript pour ce qui des promenades à travers le DOM HTML arbre, et les "adeptes" de tous les title attribut dans certains cachés de fantaisie à la recherche <div> qui sera affiché lors de onmouseover.

    Depuis RichFaces déjà livré avec jQuery, il devrait être possible de saisir un plugin jQuery pour que. Par exemple, le qTip plugin.

    S'il vous plaît ne me dites pas d'utiliser <rich:tooltip> que j'ai essayé et ils ont un bug où il s'étend au-delà d'un tableau de données.

    Il devrait, techniquement, être une question de réglages de la CSS associée à la <rich:tooltip>.

    • hmm j'ai regardé la plupart des riches:les bulles d'aide, mais il semble y avoir un bug dans 3.3.3, je ne pouvais pas mettre à niveau vers la version 4.0 à cause de weblogic incompatibilites.
    InformationsquelleAutor BalusC
  2. 2

    Vous pouvez le faire.

    Utilisation <p:tooltip/> de Primefaces.

    Vue:

    <h:panelGrid columns="2" cellpadding="10">
    <h:outputLink styleClass="outputText" id="fades" value="#">
       <h:outputText value="Your text"/>
    </h:outputLink>
    <p:tooltip id="toolTipFades" for="fades" value="The text for tooltip"/>
</h:panelGrid>

    Css:

    .outputText{
 cursor: default!important;
 text-decoration: none!important;
 }

    Avec ce code, vous simuler un <h:outputText /> avec une bulle d'aide et de travaux ;D

    InformationsquelleAutor Sebastian Acuña Gonzalez