Pessoal eu tenho um form.jsp, eu tenho varios campos, ao pegar focu o campo quero que ele fique com um fundo escuro…
em html + jquery funciona, mas em jsp não !
segue o código dos 2 campos o jsp e o htm dentro da mesma página jsf, sendo que so o código html pega…
NÃO FUNCIONA
<div class="contentA">
<div class="row">
<h:outputLabel for="nome" value="Nome " />
<div class="right"><h:inputText id="nome" value="#{pessoaMB.pessoa.nome}" styleClass="edit" size="40" /></div>
</div></div>
FUNCIONA
<div class="contentA">
<div class="row">
<div class="right"><input name="Text1" type="text" class="text" /></div>
</div></div>
IMAGEM NA HORA DE EDIÇÃO !
Resumindo ele pega no código html <input name="Text1" type="text" class="text" />
no codigo jsp nao pega : <h:inputText id="nome" value="#{pessoaMB.pessoa.nome}" styleClass="edit" size="40" />
CODIGO COMPLETO
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="rich" uri="http://richfaces.ajax4jsf.org/rich"%>
<%@ taglib prefix="stella" uri="http://stella.caelum.com.br/faces"%>
<%@ taglib prefix="a4j" uri="http://richfaces.org/a4j"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="../js/jsfocus.js"></script>
<link rel="StyleSheet" type="text/css" href="../style/focus.css" media="screen" />
<link rel="StyleSheet" type="text/css" href="/jsf/style/estilos.css" media="screen" />
<script type="text/javascript" src="/jsf/resources/jquery.maskedinput-1.2.1.js"></script>
</head>
<body>
<f:view>
<h:form>
<rich:messages/>
<fieldset>
<legend>Cadastro de Pessoa</legend>
<a4j:region id="regiaoAjax">
<a4j:status id="sts">
<f:facet name="start">
<h:graphicImage value="/images/ajax-loader.gif" />
</f:facet>
</a4j:status>
</a4j:region>
<h:panelGrid columns="2" id="inputs">
<h:outputLabel for="nome" value="Nome " />
<h:inputText id="nome" value="#{pessoaMB.pessoa.nome}" styleClass="edit" size="40" />
<h:outputLabel for="email" value="E-mail " />
<h:inputText id="email" value="#{pessoaMB.pessoa.email}" required="true" requiredMessage="Campo e-mail obrigatório!" styleClass="edit" size="30">
<f:validator validatorId="emailValidator"/>
</h:inputText>
<h:outputLabel for="senha" value="Senha " />
<h:inputSecret id="senha" value="#{pessoaMB.pessoa.senha}" required="true" requiredMessage="Campo senha obrigatório!" styleClass="edit" size="30"/>
<h:outputLabel for="cpf" value="CPF " />
<h:inputText id="cpf" value="#{pessoaMB.pessoa.cpf}" styleClass="edit" size="11">
<rich:jQuery selector="#cpf" query="mask('[CPF removido]')" timing="onload"/>
<stella:validateCPF formatted="true"/>
</h:inputText>
<h:outputLabel for="dataNasc" value="Data Nascimento " />
<h:inputText id="dataNasc" validatorMessage="Data de nascimento com formato inválido!" value="#{pessoaMB.pessoa.dataNascimento}" styleClass="edit" size="10" >
<f:convertDateTime pattern="dd/MM/yyyy" />
<rich:jQuery selector="#dataNasc" query="mask('99/99/9999')" timing="onload"/>
</h:inputText>
<h:outputLabel for="telCel" value="Tel. Celular " />
<h:inputText id="telCel" value="#{pessoaMB.pessoa.telefoneCelular}" styleClass="edit" size="10">
<rich:jQuery selector="#telCel" query="mask('([telefone removido]')" timing="onload"/>
</h:inputText>
<a4j:commandButton value="Inserir" action="#{pessoaMB.save}" status="sts" reRender="inputs" styleClass="botoes"/>
<a4j:commandButton value="Voltar" immediate="true" action="toIndex" styleClass="botoes"/>
</h:panelGrid>
</fieldset>
</h:form>
</f:view>
************************* AQUI O CAMPO PEGA NORMAL *******************
<div class="contentA">
<div class="row">
<div class="right"><input name="Text1" type="text" class="text" /></div>
</div></div>
</body>
</html>