Javascript never invoked in jsff

Question

hi,
the use case is in jsff, in table's row column when user presses ENTER key i need to call some methods afterwards (jdev 11.1.2.3)
for some reason i can't see javascript code invoked.
i use af:clientListener, af:serverListener pair.
actually , the example is depicted by Timo Hahn in his blog
i try to reapply it in page fragment, which doesn't contain document tag ...
below is what i tried to do and it never helped me...
please advise how to call js in page fragment
i considered Frank's blog as well, but it doesn't work in my case...
https://blogs.oracle.com/jdevotnharvest/entry/gotcha_when_using_javascript_in
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:trh="http://myfaces.apache.org/trinidad/html"
xmlns:f="http://java.sun.com/jsf/core">
<af:panelGroupLayout id="pgl4">
<af:panelFormLayout id="pfl1">
<trh:script id="s2">
     function handleEnterEvent(evt) {
     var _keyCode = evt.getKeyCode();
     //if (_keyCode == AdfKeyStroke.ENTER_KEY ){  
     var comp = evt.getSource();
     AdfCustomEvent.queue(comp, "EnterEvent", {}, false);
     evt.cancel();
function handleTableDoubleClick(evt){
var table = evt.getSource();
AdfCustomEvent.queue(table, "TableDoubleClickEvent",{}, true);
evt.cancel();
</trh:script>
<af:resource type="javascript">
     function handleEnterEvent(evt) {
     var _keyCode = evt.getKeyCode();
     //check for Enter Key
     if (_keyCode == AdfKeyStroke.ENTER_KEY ){  
     var comp = evt.getSource();
     AdfCustomEvent.queue(comp, "EnterEvent", {fvalue:comp.getSubmittedValue()}, false);
     evt.cancel();
</af:resource>
</af:panelFormLayout>
<af:panelBox
<af:table value="#{bindings.DcaRegisterView1.collectionModel}" var="row" width="1200"
<af:column sortProperty="#{bindings.DcaRegisterView1.hints.EffectiveUntil.name}" filterable="true"
<af:inputDate value="#{row.bindings.EffectiveUntil.inputValue}"
required="#{bindings.DcaRegisterView1.hints.EffectiveUntil.mandatory}"
columns="#{bindings.DcaRegisterView1.hints.EffectiveUntil.displayWidth}"
shortDesc="#{bindings.DcaRegisterView1.hints.EffectiveUntil.tooltip}" id="id3">
<f:validator binding="#{row.bindings.EffectiveUntil.validator}"/>
<af:convertDateTime pattern="#{bindings.DcaRegisterView1.hints.EffectiveUntil.format}"/>
     <af:clientListener method="handleEnterEvent" type="keyPress"/>
     <af:serverListener type="EnterEvent" method="#{registerBean.handleEnterEvent}"/>
</af:inputDate>
</af:column>
... page fragment code itself
</af:panelBox

Answer 1

The following is working for me:
The js on the page:
<af:resource  type="javascript">
        function doSomething(event) {
            alert('Doing something');
</af:resource>Calling the js from an inputText component inside a table:
<af:inputText value="#{row.bindings.FirstName.inputValue}"
                        label="#{bindings.EmployeesVOVI.hints.FirstName.label}"
                        required="#{bindings.EmployeesVOVI.hints.FirstName.mandatory}"
                        columns="#{bindings.EmployeesVOVI.hints.FirstName.displayWidth}"
                        maximumLength="#{bindings.EmployeesVOVI.hints.FirstName.precision}"
                        shortDesc="#{bindings.EmployeesVOVI.hints.FirstName.tooltip}" id="it1">
            <f:validator binding="#{row.bindings.FirstName.validator}"/>
            <af:clientListener type="keyPress" method="doSomething"/>
          </af:inputText>Have you checked any js error with - for example - firebug?
Regards,
Koen Verhulst