<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j" %>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<f:view>
    <html>
        <head>
            <link type="text/css" rel="stylesheet" href="styles.css"/>
            <title><h:outputText value="#{msgs.title}"/></title>
        </head>
        <body>
            <div class="container">
                <h:form>
                    <div class="banner">  
                        <h:outputText value="#{msgs.echo}"
                                      styleClass="bannerText"/>
                    </div>
                    <hr/>

                      <h2><h:outputText value="#{msgs.echo}"/></h2>
                       <h:panelGrid columns="2">
                        <h:inputText size="50" value="#{backingEcho.txt}" >
                            <a4j:support event="onkeyup" reRender="eho"/>
                        </h:inputText>
                        <h:outputText value="#{backingEcho.txt}" id="eho" />
                    </h:panelGrid>
                    <p><h:commandButton value="#{msgs.button1Ex2}" action="nazad"/></p>
                </h:form>
                <div class="footer">&copy;2008 Šerić Ivan</div>
            </div>
        </body>
    </html>
</f:view>