How to show note window for a table cell with javascript?

Question

My goal is to do tihs with javascript. No server side handling.
<af:table id="t1">
<af:column id="c1">
<af:outputText id="ot1">....
<af:clientListner ....method="showPopup"/>
</..>
</..>
</..>
<af:popup id="p1">
<af:noteWindow id=ot2>
here to show the value of ot1
</..>
</..>
function showPopup(e){
var text=e.getSource().getValue();
var popup=e.getSource().findComponent("::p1");
now how to update the content of the notewindow??
popup.show();
}

Answer 1

Hi,
You could try with something like this.
               <af:outputText value="outputText1" id="ot1" clientComponent="true">
                    <af:clientListener method="showPopup" type="mouseOver"/>
                </af:outputText>
                <af:popup childCreation="immediate" autoCancel="disabled" id="p1" clientComponent="true"
                          contentDelivery="immediate">               
                    <af:noteWindow id="nw1" clientComponent="true">
                        <af:outputText value="outputText2" id="ot2" clientComponent="true" />
                    </af:noteWindow>
                </af:popup>
                <af:resource type="javascript">
                    function showPopup(evt){
                        var ot1 = AdfPage.PAGE.findComponent("ot1");
                        var text=ot1.getValue();
                        var popup=AdfPage.PAGE.findComponent("p1");
                        var ot2=AdfPage.PAGE.findComponent("ot2");
                        ot2.setValue(text);
                        popup.show();
                </af:resource>-Arun