How to change a h:outputText value in the current form on key pressed event

Question

Hello Suners,
Greetings! I'm developing my first JSF web application and i'm trying to figure a way out to change outputText value when key pressed on another inputText so that when the user is typing his name for example he can see the letters showing respectively in the outputText.
I managed to do it onchange but the user must focus out of the inputText to see his name in the outputText which is not right and the form must submit onchange event which is annoying.
<h:inputText value="#{login.username}" title="name" id="name" required="true" onchange="this.form.submit()" >
                            <f:validateLength maximum="10" minimum="1"/>
                            <f:validator validatorId="myValidator"/>
                            <f:valueChangeListener type="classes.MyListener"/>
</h:inputText>Is there any listener i can associate with the "onkeypress" attribute? Can anyone help me to do that with JSF?
King Regards,

Answer 1

hi, with JSF 2 you got the ajax tag, just tried it and it works fine :)
<h:inputText id="myinput" value="#{back.name}">
    <f:ajax execute="@this" event="keyup" render="outtext"/>
</h:inputText>
<h:outputText id="outtext" value="#{back.name}"/>or before JSF 2
<h:outputScript name="jsf.js" library="javax.faces" target="head"/>
<h:inputText id="myinput" value="#{back.name}" onkeyup="jsf.ajax.request(this, event, {render: 'outtext'}); return false;"/>
<h:outputText id="outtext" value="#{back.name}"/>The name property is a simple String in the bean.
Hope this helps
Edited by: hereps on Aug 21, 2010 7:18 AM