Ai pessoal gostaria de saber como faço para inserir jquery em um projeto jsf com richface,
pois quando eu utilizo no rich face não funciona e nem dar erro, somente roda o projeto e mais nada.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:rich="http://richfaces.ajax4jsf.org/rich"
xmlns:a4j="http://richfaces.org/a4j">
<head>
<script type="text/javascript" src="jquery/jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery/jquery.maskedinput.js"></script>
<link rel="STYLESHEET" type="text/css" href="/css/rich-styles.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<f:loadBundle basename="messages" var="msg" />
<style type="text/css">
.rich-message-marker img {
padding-right: 7px;
}
.rich-message-label {
color: red;
}
</style>
</head>
<body>
<script>
jQuery(function($){
$("#telefone1").mask("(999 9999-9999)″);
$("#telefone2").mask("(999 9999-9999)″);
$("#fax").mask("(999 9999-9999)″);
});
</script>
<f:loadBundle basename="messages" var="msg" />
<a4j:form id="formMenusAjax">
<h:panelGrid columns="3">
<h:outputText value="Nome:" />
<h:inputText label="Nome" id="nome" required="true"
value="#{clinicaHandler.clinica.nome}" size="50" maxlength="50">
</h:inputText>
<rich:message for="nome">
<f:facet name="passedMarker">
<h:graphicImage value="/img/passed.gif" />
</f:facet>
<f:facet name="errorMarker">
<h:graphicImage value="/img/error.gif" />
</f:facet>
</rich:message>
<h:outputText value="E-mail:" />
<h:inputText label="E-mail" id="email"
value="#{clinicaHandler.clinica.email}" size="30" maxlength="50">
</h:inputText>
<rich:message for="email">
<f:facet name="passedMarker">
<h:graphicImage value="/img/passed.gif" />
</f:facet>
<f:facet name="errorMarker">
<h:graphicImage value="/img/error.gif" />
</f:facet>
</rich:message>
<h:outputText value="Telefone 1:" />
<h:inputText label="Telefone 1" id="telefone1" required="true"
value="#{clinicaHandler.clinica.fone1}" size="15" maxlength="15">
</h:inputText>
<rich:message for="telefone1">
<f:facet name="passedMarker">
<h:graphicImage value="/img/passed.gif" />
</f:facet>
<f:facet name="errorMarker">
<h:graphicImage value="/img/error.gif" />
</f:facet>
</rich:message>
<h:outputText value="Telefone 2:" />
<h:inputText label="Telefone 1" id="telefone2"
value="#{clinicaHandler.clinica.fone2}" size="15" maxlength="15">
</h:inputText>
<rich:message for="telefone2">
<f:facet name="passedMarker">
<h:graphicImage value="/img/passed.gif" />
</f:facet>
<f:facet name="errorMarker">
<h:graphicImage value="/img/error.gif" />
</f:facet>
</rich:message>
<h:outputText value="Fax:" />
<h:inputText label="Fax" id="fax"
value="#{clinicaHandler.clinica.fax}" size="15" maxlength="15">
</h:inputText>
<rich:message for="fax">
<f:facet name="passedMarker">
<h:graphicImage value="/img/passed.gif" />
</f:facet>
<f:facet name="errorMarker">
<h:graphicImage value="/img/error.gif" />
</f:facet>
</rich:message>
<f:facet name="footer">
<h:panelGroup layout="horizontal">
<a4j:commandButton value="Incluir" tyle="text-decoration: none;"
styleClass="rich-button"
onmouseover="this.className='rich-button-over'"
onmouseout="this.className='rich-button'"
onmousedown="this.className='rich-button-press'"
onmouseup="this.className='rich-button-over"
action="#{clinicaHandler.create}"
rendered="#{clinicaHandler.adicionarState}" />
<a4j:commandButton value="Atualizar" tyle="text-decoration: none;"
styleClass="rich-button"
onmouseover="this.className='rich-button-over'"
onmouseout="this.className='rich-button'"
onmousedown="this.className='rich-button-press'"
onmouseup="this.className='rich-button-over"
action="#{clinicaHandler.update}"
rendered="#{clinicaHandler.editarState}" />
<a4j:commandButton value="Limpar" tyle="text-decoration: none;"
styleClass="rich-button"
onmouseover="this.className='rich-button-over'"
onmouseout="this.className='rich-button'"
onmousedown="this.className='rich-button-press'"
onmouseup="this.className='rich-button-over"
action="#{clinicaHandler.clear}" immediate="true"
rendered="#{clinicaHandler.adicionarState}" />
</h:panelGroup>
</f:facet>
</h:panelGrid>
</a4j:form>
</body>
</html>