Javascript e JSF 1.2

Front-end
#1

Pessoal,

Não estou conseguindo colocar um Javascript para funcionar.

Tenho uma

com um formulario de cadastro que deve ficar escondida e ser exibida ao clicar no link.

Este é o Javascript que faz isso:

<script>
			$().ready(function(){
				$('.esconder').hide();
				
				$('a.link').click(function(){
					$('.esconder').slideToggle(100);
					$('.esconder2').hide();
				});
			});
		</script>

<script>
			$().ready(function(){
			$('.esconder2').hide();
		
				$('a.link2').click(function(){
					$('.esconder2').slideToggle(100);
					$('.esconder').hide();
				});
			});
		</script>

E estas são as Div que o Javascript manipula:

		<a href="#" class="link2"><p>Cadastre-se</p> </a>
						</div>

						<div class="esconder2">
						

							<div class="cadastre_se_login">
								<div class="nome_login">
									<form action="" method="get" class="formulario_cadastro_login"
										style="">
										<label>Nome</label> <input name="nome"
											onfocus="mudacor(this,'#fff')"
											onblur="mudacor(this,'#f4f4f4')" type="text"
											class="cadastro_campo_login" style="" />
									</form>
								</div>

								<div class="e-mail_login">
									<form action="" method="get" class="formulario_cadastro_login"
										style="">
										<label>E-mail</label> <input name="nome"
											onfocus="mudacor(this,'#fff')"
											onblur="mudacor(this,'#f4f4f4')" type="text"
											class="cadastro_campo_login" style="" />
									</form>
								</div>

								<div class="senhas_login">
									<div class="senhas_login_1">
										<form action="" method="get" class="formulario_senha_login"
											style="">
											<label>Senha</label> <input name="nome"
												onfocus="mudacor(this,'#fff')"
												onblur="mudacor(this,'#f4f4f4')" type="password"
												class="cadastro_senha_login" style="" />
										</form>
									</div>
									<div class="senhas_login_2">
										<form action="" method="get" class="formulario_senha_login"
											style="">
											<label>Repetir Senha</label> <input name="nome"
												onfocus="mudacor(this,'#fff')"
												onblur="mudacor(this,'#f4f4f4')" type="password"
												class="cadastro_senha_login" style="" />
										</form>
									</div>
									<div class="botao_cadastrar_login">
										<input name="enviar" type="button"
											class="cadastro_enviar_cadastro" style="" title="enviar"
											value="" />
									</div>
								</div>



							</div>
						</div>
						
						<div id="header_user_login" >
							<a href="#" class="link"><p>Login</p>
							</a>
							
							<div class="esconder">
								<div class="login_login">
									<form action="" method="get" class="formulario_cadastro_login"
										style="">
										<label>Usuário ou e-mail</label> <input name="nome"
											onfocus="mudacor(this,'#fff')"
											onblur="mudacor(this,'#f4f4f4')" type="text"
											class="cadastro_campo_login" style="" />
									</form>
								</div>

								<div class="senha_login">
									<form action="" method="get" class="formulario_cadastro_login"
										style="">
										<label>Senha</label> <input name="nome"
											onfocus="mudacor(this,'#fff')"
											onblur="mudacor(this,'#f4f4f4')" type="text"
											class="cadastro_campo_login" style="" />
									</form>
								</div>
								<div class="box_botao_login">
									<div class="botao_entrar_login">
										<input name="enviar" type="button"
											class="cadastro_enviar_login" style="" title="enviar"
											value="" />
									</div>
									<div class="lembre_se_login">
										<input type="checkbox" class="box_login_login" style="" />Lembre-se
										de mim.

									</div>
									<div class="box_texto_login">
										Esqueceu sua senha? <a href="#" class="clique_aqui_login">Clique
											aqui</a>
									</div>

								</div>
							</div>
						</div>

Acontece que quando acesso a pagina, as div’s

e
não ficam ocultas e não acontece nada quando eu clico nos links, ou seja, o javascript não está funcionando!

Desde já agradeço a ajuda de vocês

#2

Olá Danilo,

Dá uma olhada na propriedade rendered dos componentes do JSF. Essa propriedade que determina se o item é apresentado na tela ou não.

Exemplo:

<rich:dataTable align="center" value="teste"
                            width="300" border="1" cellpadding="8"
                            columnsWidth="50%" rendered="#{MeuBean.controle == 4}">

Neste exemplo, a rich:dataTable só é apresentada se o valor do atributo controle do backbean MeuBean tiver o valor 4.

Espero ter ajudado!

#3