Display the content of a variable without <h:outputText>?

[Fabian Angy]

Hi!

At this moment, I use <h: outputText value="#{bean.informations}", in this variable I have some HTML code with all informations to display. But now, I need to include some <rich:tooltip>" but if I put in my variable "<rich:tooltip ...>" with <h: outputText> it doesn't work.

There is another way to display that without outputText? (is it simply possible?)

I display my informations like this:

<h:outputText value="#{bean.informations}" styleClass="default" escape="false" />

My "informations" contains:

<span>0</span><span>0556544</span><span>1</span><span>0473056</span><span>06-02-2009</span>

And I would like to display

<span><h: outputText value="#{bean.avalue}" id="myHtmlOutputTextId"><rich:toolTip binding="#{bean.tooltip}" value="#{bean.othervalue}" /></h: outputText></span><span>0</span><span>0556544</span><span>1</span><span>0473056</span><span>06-02-2009</span>

Thanks in advance!

[Tim Holloway]

Tooltips are intended to provide hints on how to use input controls. That's why they don't work on outputText. You can, however, attach a CSS hover pop-up to the outputText the same way you with with straight HTML.

Speaking of straight HTML, I don't recommend mixing raw HTML and JSF. However, in the case of "span" tags around outputText, it's not merely not recommended, it's actually redundant. The outputText HTML renderer places span around the text so that it will have a place to put the style/styleClass values that were coded on the outputText tag.

[Fabian Angy]

In fact, I need to use rich:tooltip because my informations comes from webservices, in waiting the retrieving of informations, i need to have a message (by example "webservice is calling") and when the webservice returns the information, the value of the tooltip have to change. So, I can't do that with a simple CSS.

[Tim Holloway]

Fabian Angy wrote:In fact, I need to use rich:tooltip because my informations comes from webservices, in waiting the retrieving of informations, i need to have a message (by example "webservice is calling") and when the webservice returns the information, the value of the tooltip have to change. So, I can't do that with a simple CSS.

Actually, you can. Put the text in a floating div element and use JavaScript to populate it with the text from the web service. Then attach "hover" javascript to the outputText element that positions the div and makes it visible/invisible. It's not that uncommon.

However, for best results, "tooltip" isn't a good search term, since a tooltip is - like I said - literally a tip on how to use an (input) tool (control). You'll probably get better results searching for "hover text".