Dynamic tooltip HTML - Images - Help needed

[kassie]

Hi

I'm using latest JSF and Primefaces RC1 nighly, Tomcat JSF, Spring etc

I've been struggling getting the tooltips to generate images dynamically. Can anyone help ? I have a form input for the user to type in a uri of the image they would like to reference and wanted the tooltip to display the actual image of the url ( from the input given )

I've tried physically taking the URI from the user input then using DHTML to change the graphicImape value but it does not re render.. Also Remote Control .. Any Ideas ? Any other solutions for this I can try ?

<h:outputText value="Focus test: " />
<h:inputText id="piceg" onmouseout="Javascript:sayHello();" value="#{productBean.linkTest}" onclick="lazyload()" />

<p:tooltip for="piceg" showEvent="focus" hideEvent="blur" id="lazypanel" >
<h:graphicImage id="tooltipGraphic" value="#{productBean.linkTest}" />
<h:outputText value="#{productBean.linkTest}" />
</p:tooltip>


<p:remoteCommand name="lazyload" update="tooltipGraphic">
<f:setPropertyActionListener value="#{true}"
target="#{requestScope.shouldRender}" />
</p:remoteCommand>


Thanks

Kassie