Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

FH_Camara

Problema com hide e show

Por , em Javascript

Recommended Posts

FH_Camara    0

FH_Camara
Postado

Estou fazendo um sistema em que o aluno deve cadastrar o projeto de conclusão de curso dele, o que eu quero fazer é em uma mesma página o sistema verifica se o aluno já fez o cadastro ou não. Se ele fez o cadastro do projeto, o sistema muda o link do menu de "Cadastrar Projeto" para "Dados do Projeto" e torna a div referente ao cadastro oculta e mostra a div referente aos dados do projeto.

O problema é que, no início ele apresenta a parte do cadastro normalmente. Porém, quando finalizo o cadastro e ele deveria apresentar os dados do projeto, o menu altera mas o conteúdo da página continua o mesmo inicial.

 

Alguém saberia me dizer porque não está dando certo?

 

Segue o código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta name="google-site-verification" content="gOaLwoT6cvSPzHUdt1rh8Zv8pQzIPjE-KtOrerDanqU" />
<title>Sistema de Gestão de TCC - Mecânica</title>

<link rel="stylesheet" type="text/css" href="../estilo3.css" />
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>-->
<script src="../js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="../js/datetimepicker_inicio.js"></script>
<script type="text/javascript">
	function Cadastra(){
		$('.secao_miolo').show();
		$('.secao_2').hide();
		$('#dadosproj').hide();
		$('#projeto').show();
	}
	function DadosP(){
		$('#dadosproj').show();
		$('#projeto').hide();
		
	}
</script>
</head>

<body>

<div id="todo">
	<div id="topo">
		<div id="logo"><img src="../imagens/logo_mec.jpg" width="100%" height="100%"></div>
		<p>Sistema de Gest&atildeo de TCC</p>
	</div>

	<div id="meio">
		<div id="esquerda">
			<div id="menu">
				<div class="itemMenu"><a href="inicio.php">IN&IacuteCIO</a></div>
				<div class="itemMenu" id="projeto"><a href="CadastraProjeto.html">CADASTRAR PROJETO</a></div>
                <div class="itemMenu" id="dadosproj"><a href="CadastraProjeto.html">DADOS DO PROJETO</a></div>
				<div class="itemMenu"><a href="CadastraBanca.php">CADASTRAR BANCA</a></div>
				<div class="itemMenu"><a href="datas.php">DATAS IMPORTANTES</a></div>
				<div class="itemMenu"><a href="processo.php">PROCESSO</a></div>
				<div class="itemMenu"><a href="orientadores2.php">ORIENTADORES</a></div>
				<div class="itemMenu"><a href="bancas.php">DEFESAS</a></div>
				<div class="itemMenu"><a href="sair.php">SAIR</a></div>
			</div>
		</div>

		<div id="miolo">
        	<?php
				$login_cookie = $_COOKIE['Matricula'];
				if(isset($login_cookie)){
					include '../includes/connection.php';
					include '../includes/funcoes.php'; 				
					//mysqli_close($conn);
					$busca = mysqli_query($conn,"SELECT * FROM TCC1 WHERE Matricula = '$login_cookie'");
					$var = mysqli_fetch_array($busca);
					$tit = $var['Titulo'];
					if ($tit == ''){
						echo "<script>Cadastra();</script>";
					}else{
						echo "<script>DadosP();</script>";
					}
				}else{
					echo "<strong><font size='2' color='#FFA500' face= 'Arial'>Bem-Vindo(a),</font> <font color='red'> convidado(a). </font></strong><br>";
					echo "<hr color='#FFA500' align='left' width='100%' height='2'><br><br>";
					echo"Essas informações <font color='red'><strong>NÃO PODEM</strong></font> ser acessadas por você.<br><br>";
					echo"<br><a href='LoginAlunos.html'>Faça Login</a> para ter acesso ao conteúdo.";
				}
			?>

			<div class="secao_miolo" id="projeto">
            	<strong><font size='2' face='Arial'><br>ATENÇÃO: Os campos com asterisco são obrigatórios.<br><br></font></strong>
				<strong><font size='2' face='Arial'><br>Dados iniciais do projeto.<br><br></font></strong>
            	
			</div><!--Finaliza a div class Secao_Miolo-->
            <div id="dadosproj" class="secao_2" >
            	<font>Dados Cadastrados do Projeto</font>
			</div>
			
		</div>
		<div style="clear: both;"></div>
	</div>

	<div id="rodape">
		<div id="rodape_direita">
			RODAPÉ
		</div>
	</div>
</div>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael R Silva    27

Rafael R Silva
Postado

FH_CAMARA,

 

Utilize ajax é melhor que colocar o php junto com o codigo;

 

No retorno da chamada você pode retornar o objeto html que você gera no php e o tipo de função que você deve executar seja mostrar o cadastro do projeto ou os dados do projeto;

 

http://api.jquery.com/jquery.ajax/

Compartilhar este post

Link para o post
Compartilhar em outros sites

FH_Camara    0

FH_Camara
Postado

Rafael,

 

Eu não acho que o problema esteja nesse ponto, uma vez que ele faz a verificação normalmente. Tanto que, após o cadastro de um projeto de teste, ao atualizar a página, o menu mudou para "Dados do Projeto" como o esperado, apenas as <div> que não tiveram o seu display alterados.

 

Vou testar no ajax aqui.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hocrux    2

Hocrux
Postado

Verifique se não há conflitos dos arquivos JS e verifique se o arquivo jquery foi chamado corretamente.

 

E parece que você tá usando atributo id, se usar ele pra mostrar vários #dadosProj não vai dá certo, use class em vez de id;

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito