0 Replies Latest reply on Mar 9, 2010 1:54 AM by Chen David

    Virtual Keyboard

    Chen David Newbie
      Hi, could anyone help me on this ..?

      I locate an useful multilanguage virtual keyboard by wingedfox via http://sourceforge.net/projects/jsvk/.


      in my template.xhtml

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <f:view xmlns="http://www.w3.org/1999/xhtml"
         xmlns:ui="http://java.sun.com/jsf/facelets"
         xmlns:f="http://java.sun.com/jsf/core"
         xmlns:h="http://java.sun.com/jsf/html"
         xmlns:a="http://richfaces.org/a4j"
         xmlns:s="http://jboss.com/products/seam/taglib"
         xmlns:rich="http://richfaces.org/rich"
         contentType="text/html">
      <html>
         <head>
        
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title>rapiderp</title>
              
            <link rel="shortcut icon" href="#{request.contextPath}/favicon.ico"/>
            <a:loadStyle src="resource:///stylesheet/theme.xcss"/>
            <a:loadStyle src="/stylesheet/theme.css"/>
            <script type="text/javascript" src="vk_loader.js?vk_layout=CN%20Chinese%20Simpl.%20Pinyin&vk_skin=flat_gray" ></script>

            <ui:insert name="head"/>
           
         </head>
         <body>
            <ui:include src="menu.xhtml">
               <ui:param name="projectName" value="General Ledger"/>
            </ui:include>
            <div class="body">
               <h:messages id="messages" globalOnly="true" styleClass="message"
                  errorClass="errormsg" infoClass="infomsg" warnClass="warnmsg"
                  rendered="#{showGlobalMessages != 'false'}"/>
               <ui:insert name="body"/>
            </div>
            <div class="footer">
               <p>Powered by <a href="http://seamframework.org">Seam</a> #{org.jboss.seam.version} and <a href="http://www.jboss.org/jbossrichfaces">RichFaces</a>. Generated by seam-gen.</p>
               <s:fragment rendered="#{init.debug}">
               <a:log hotkey="D"/>
               <p style="margin-top: -0.5em;">
                  Conversation: id = #{conversation.id}, #{conversation.longRunning ? 'long running' : 'temporary'}#{conversation.nested ? ', nested, parent id = '.concat(conversation.parentId) : ''}
                  #{' - '}
                  Ajax4jsf Log (Ctrl+Shift+D)
                  #{' - '}
                  <s:link id="debugConsole" view="/debug.xhtml" value="Debug console" target="debugConsole"/>
                  #{' - '}
                  <s:link id="resetSession" view="/home.xhtml" action="#{org.jboss.seam.web.session.invalidate}" propagation="none" value="Terminate session"/>
               </p>
               </s:fragment>
            </div>
            <rich:modalPanel id="sessionExpiredMP" resizeable="false"
      width="300" height="200">
      <h:outputText value="The session has expired" />
      <br/>

      </rich:modalPanel>
         </body>
      </html>
      </f:view>

      in my login.xhtml

      <!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <ui:composition xmlns="http://www.w3.org/1999/xhtml"
          xmlns:s="http://jboss.com/products/seam/taglib"
          xmlns:ui="http://java.sun.com/jsf/facelets"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:rich="http://richfaces.org/rich"
          xmlns:a4j="http://richfaces.org/a4j"
          template="layout/template.xhtml">

      <ui:define name="body">




          <h:form id="loginForm">

              <rich:panel>
                  <f:facet name="header">Login</f:facet>

                  <p>Please login here</p>

                  <div class="dialog">
                      <h:panelGrid columns="2" rowClasses="prop" columnClasses="name,value">
                        
                          <h:outputLabel for="username">Username</h:outputLabel>
                             
                          <h:inputText id="username"
                                    value="#{credentials.username}" onfocus="VirtualKeyboard.attachInput(this)" />
                                           <a4j:support
                          disableDefault="true" event="onfocus" >
                          </a4j:support>
                          <h:outputLabel for="password">Password</h:outputLabel>
                          <h:inputSecret id="password"
                                      value="#{credentials.password}"/>
                          <h:outputLabel for="rememberMe">Remember me</h:outputLabel>
                          <h:selectBooleanCheckbox id="rememberMe"
                                                value="#{rememberMe.enabled}"/>
                                               
                      </h:panelGrid>
                  </div>

                  <p>
                    <i>Note - </i> You may login with the username 'admin' and a blank password.
                  </p>

              </rich:panel>

              <div class="actionButtons">
                  <h:commandButton id="submit" value="Login" action="#{identity.login}" />
              </div>

          </h:form>

      </ui:define>
      </ui:composition>


      I can't get the above to work properly. Has anyone try this ? If so, please guide me ..thanks

      David