Problem of diappeared output text as soon as page refreshes

Question

Hi all,
I have jspx page with following code
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:trh="http://myfaces.apache.org/trinidad/html"
          xmlns:tr="http://myfaces.apache.org/trinidad"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
  <jsp:directive.page contentType="text/html;charset=windows-1252"/>
  <f:view>
    <af:document>
      <af:form>
      <af:inputText label="Input some text" id="input" clientComponent="true"/>
      <af:commandButton text="Say Hello">
<af:clientListener method="sayHello" type="action" />
</af:commandButton>
<af:outputText id="greeting" value="" clientComponent="true"/>
<trh:script>
function sayHello(actionEvent)
var component=actionEvent.getSource();
//Find the client component for the "greeting" af:outputText
var greetingComponent=component.findComponent("greeting");
//Set the value for the outputText component
greetingComponent.setValue("Hello World !");
</trh:script>
</af:form>
    </af:document>
  </f:view>
  <!--oracle-jdev-comment:deviceCategory:pda-->
</jsp:root>When I run this page in output I get an InputText box and a command button "Say Hello" . When I click on the button it shows message "Hello World" for a while and then page gets refreshes and "Hello World" message disappears.
Is it possible to retain that message? Is it possible to display that message without clicking command button ? How it can be done - Please tell ?
Thanks !

Answer 1

Hey branislav,
Thanks a lot. I figured out problem in my code after looking at your code.
Now my following modified code is working fine. Problem was I need not to include input text and command button components in <af:form> tag. Only output text need to included in <af:form> tag.
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:trh="http://myfaces.apache.org/trinidad/html"
          xmlns:tr="http://myfaces.apache.org/trinidad"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
  <jsp:directive.page contentType="text/html;charset=windows-1252"/>
  <f:view>
    <af:document>
      <af:inputText label="Input some text" id="input" clientComponent="true"/>
      <af:commandButton text="Say Hello">
        <af:clientListener method="sayHello" type="action"/>
      </af:commandButton>
      <af:form>
        <af:outputText id="greeting" value="" clientComponent="true"/>
      </af:form>
<trh:script>
function sayHello(actionEvent) {
     var  component=actionEvent.getSource(); //Find the client component for the "greeting" af:outputText var
      greetingComponent=component.findComponent("greeting"); //Set the value for the outputText component
      greetingComponent.setValue("Hello World !");
</trh:script>
    </af:document>
  </f:view>
  <!--oracle-jdev-comment:deviceCategory:pda-->
</jsp:root>Thanks !