与RichFaces的集成的JQuery(Integrate JQuery with Richfac

在JS中的世界IM新手，我的jQuery的不RichFaces的工作。 我想要做这样的事情： http://jsfiddle.net/bFuEv/ 。

这是我在我的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">



    <script type="text/javascript">
        $("himessage").hide();

        $("#name").focus(function(){
         $("himessage").show();    
        });
        $("#name").blur(function(){
             $("himessage").hide();    
        });
    </script>

    <rich:panel>
        <h:form>
            <label>Name: </label>
            <h:outputText id="himessage" value="Hi" />
            <h:inputText id="name" class="editable" type="text"
                onfocus="this.value=''" name="name" value="#{loginAction.username}" />
        </h:form>
    </rich:panel>
</ui:composition>   

如何集成在我的网页此jQuery代码？

Answer 1:

RichFaces已经能jQuery的它捆绑在一起。 包括图书馆，添加到页面（即使多次出现 - 的jquery.js将只包含一次）：

<h:outputScript name="jquery.js" target="head"/>

Answer 2:

所述 “himessage” 是ID。 它的选择应该是$（ ​​“＃himessage”）。 你忘了 ”＃”。

 $("#himessage").hide();

    $("#name").focus(function(){
     $("#himessage").show();    
    });
    $("#name").blur(function(){
         $("#himessage").hide();    
    });

Answer 3:

从浏览器中使用视图源，并检查它会与表格的id被追加的元件的ID。 如果H：表单的id为hiform和H：inputText的的id是命名产生的输入元素的ID将是hiform:name 。

Answer 4:

包括jQuery库有：

<script  
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">  

</script> 
<script type="text/javascript">
        $("#himessage").hide();

        $("#name").focus(function(){
         $("#himessage").show();    
        });
        $("#name").blur(function(){
             $("#himessage").hide();    
        });
    </script>

我从来没有与RichFaces的工作，但它是值得一试。

文章来源: Integrate JQuery with Richfaces