Ir para conteúdo

Arquivado

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

phpbrasil

Abertura de formularios na mesma pagina

Recommended Posts

Pessoal,

Bom dia

 

Tenho uma pagina em html , onde essa pagina sera usada somente pelo administrador do sistema para poder fazer os cadastros:

<!DOCTYPE html>
<html>
<head>
<!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">
<head>

<?php

session_start();

if($_SESSION["usu_nivel"] != 1){

echo "<script language='javascript'>window.history.go(-1);</script>";

}
  
?>
  <meta charset="utf-8">
  <title>Menu</title>
 <style>
  
   body{
     margin:0;
     padding:0;
     background:#f5f5f5;
   }
   
   #barra{
     float:left;
     width:1280px;
     height:100px;
     background-color:#11a6d4;
     
   }
   
   #barra ul{
     
     font:16px arial;
     list-style:none;
     margin:5px;
     padding:0;
   }
   
   #barra ul li{
     
     float:left;
     position:relative;
     display:block;
   }
   
   #barra ul li a{   
     color:white;
     background:#11a6d4;
     text-decoration:none;
     margin:0 15px;
     padding:10px;
     display:block;
     
     
   }
  
   
   #barra li ul{
     
     display:none;
     
   }
   
   #barra ul li a:hover{
     background:#cde5ee;
   }
   
   #barra li:hover ul{
     display:block;
     position:relative;
   }
   
   #barra li:hover li{
      float:none;
     font-size:16px;
     
   }
    
    
 </style>
</head>
<body>

  <div id="barra">
    <ul>
      <li><a href="#"><img src='img/add.png' style="margin-top:5px;"  />Cadastrar</a>
        <ul>
          <li><a href="prof.php"><img src='img/prof.png' width=20 style="padding-right:3px;"  />Professores</a></li>
          <li><a href="#"><img src='img/aluna.png' width=20 style="padding-right:3px;"  />Alunos</a></li>
          <li><a href="#"><img src='img/turma.png' width=20 style="padding-right:3px;"  />Turmas</a></li>
          <li><a href="#"><img src='img/books.png' width=20 style="padding-right:3px;"  />Disciplinas</a></li>
          <li><a href="#"><img src='img/clock.png' width=20 style="padding-right:3px;"  />Horarios</a></li>
            
          
          
        </ul>
        
      </li>
      <li><a href="#"><img src='img/adm.png' style="margin-top: -10px;" />Ferramentas</a>
      
      <ul>
          <li><a href="#"><img src='img/lupa.png' width=20 style="padding-right:3px;"  />Consultar</a></li>
          <li><a href="#"><img src='img/alterar.png' width=20 style="padding-right:3px;"  />Alterar</a></li>
          <li><a href="#"><img src='img/excluir.png' width=20 style="padding-right:3px;"  />Excluir</a></li>
          <li><a href="#"><img src='img/report.png' width=20 style="padding-right:3px;"  />Gerar Relatorios</a></li>
          <li><a href="#"><img src='img/password.png' width=20 style="padding-right:3px;"  />Mudar Senha</a></li>
      
        </ul>
      
      </li>

     <li style="padding-left:750px"><a href="logout.php"><img src='img/sair.png' style="margin-top:10px;" />Sair</a></li>

	 
      
      
      
      
      
    </ul>
    
    
    
    
    
  </div>



  
 
</body>
</html>

A estrutura desse código apresenta uma barra de menu na parte superior do browser e mais nada ... abaixo da barra de menu esta tudo em branco

Ao clicar na Opção CADASTRAR e em PROFESSORES, aparecera o formulario para cadastro dos professores....segue o codigo:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Escola Virtual</title>

</head>
<body>
<script type="text/javascript">  

function maskCPF(cpf){

	
	var cpf = document.teste.cpf.value;	
	
	document.teste.log.value = cpf; 
	
	
    return cpf;
}
</script> 

  <center>
    <h1>Escola Virtual</h1>
    <h2>Cadastro de Professores</h2>
    <hr>
    
   <form name="teste" method="post">
     <table border="2" cellpadding="5" width="100%" bgcolor="#E8E8E8">
       <tbody>
         <tr>
           <td>
             <b>Dados Pessoais</b>
             <table border="0" width="100%">
               <tbody>
                 <tr>
                   <td align="right">Matrícula: </td>
               <td>
                <input type="text" name="mat" size="40" maxlength="40">
                   </td>
                 </tr>
                 <tr>
                   <td align="right">Nome do Professor: </td>
               <td>
                <input type="text" name="professor" size="40" maxlength="40">
                   </td>
                 </tr>
                 <tr>
                   <td align="right" >CPF: </td>
               <td>
                <input type="text" name="cpf" id="cpf" size="11" maxlength="11" onkeyup="maskCPF(cpf)"  >
                   </td>
                 </tr>
                 <tr>
                 </tr>
                 <tr>
                   <td align="right">Nascimento(dd/mm/aaaa):</td>
                   <td>
                     <input type="text" name="dia" size="2" maxlength="2">
                     /
                     <input type="text" name="mes" size="2" maxlength="2">
                     /
                     <input type="text" name="ano" size="4" maxlength="4">
                     <td>
                       <tr>
                         <tr>
                   <td align="right">Endereço: </td>
               <td>
                <input type="text" name="end" size="40" maxlength="40">
                   </td>
                 </tr>
                       <tr>
                   <td align="right">Bairro: </td>
               <td>
                <input type="text" name="bairro" size="10" maxlength="10"> N°: <input type="text" name="num" size="5" maxlength="5">
                 
                   </td>
                 </tr>
          <tr>
            <td align="right">Nome da Mãe:</td>
            <td>
              <input type="text" name="mae" size="40" maxlength="30">
            </td>
            </tr>
                       <tr>
            <td align="right">Nome da Pai:</td>
            <td>
              <input type="text" name="pai" size="40" maxlength="30">
            </td>
            </tr>
             <tr>
               <td align="right">Telefone:</td>
      <td>
        DDD(<input type="text" name="ddd" size="3" maxlength="3">)
        <input type="text" name="tel" size="9" maxlength="9">
                       </td>
                       </tr>
                       
                       </td>
            </tr>
             <tr>
               <td align="right">Celular:</td>
      <td>
        DDD(<input type="text" name="ddd2" size="3" maxlength="3">)
        <input type="text" name="cel" size="9" maxlength="9">
               </td>
                       </tr>
                 <tr>
                   <td align="right">E-mail:</td>
                   <td>
                     <input type="text" name="email" size="30" maxlength="30">
                   </td>
                 </tr>
               </table>
             </td>
	</tr>
	<tr>
	    <td>


<b>Dados para Acesso ao Sistema:</b>
	      <table border=0 width=100%>
	        <tr valign=top>
	          <td>




                <tr>
                  <td align="right"><span style="padding-left:20px">Login:</span></td>
                   <td>
                     <input type="text" name="log" id="log" size="11" maxlength="11" >
                   </td>
                 </tr>
                  <tr>
                   <td align="right">Senha:</td>
                   <td>
                     <input type="text" name="pass" size="11" maxlength="11">
                   </td>
                 </tr>     
                         
                

               </tbody>
             </table>
           </td>
         </tr>
		 </tbody>
       </table>
          <p>
       <input type="submit" value="Cadastrar">
       <input type="reset" value="Limpar Dados">
     </p>
    </form>
  </center>
                
            
                         
                     
                     
                   
                   
             
     

</body>
</html>

Sendo que o formulario abre em outra pagina do browser...

Gostaria que quando eu clicasse em PROFESSOR, o formulario fosse aberta na parte inferior da barra, onde esta tudo em branco...tem como?

 

Nao consigo fazer isso de jeito nenhum

 

Agradeço pela ajuda

 

Muito Obrigada

Compartilhar este post


Link para o post
Compartilhar em outros sites

complemento post anterior

 

crie uma pagina de js e chame ela para dentro da sua pagina.

exemplo para chamar o js para dentro da pagina, não mexa em mais nada do seu codigo

<script src="js/maskCampos.js" type="text/javascript"></script>

Agora a resposta do post

 

eu costumo fazer assim faço um include('nomePagina.php') dentro da pagina desejada

 

ve se da certo

Compartilhar este post


Link para o post
Compartilhar em outros sites

Insere um iframe na parte inferior, no link 'professor' coloca o id do iframe como target, pegou a ideia?

eu inseri o codigo abaixo:

<iframe id="myframe" width=1275px height=1200px frameborder=0  ></iframe>

e no Link Professor eu fiz o seguinte:

<li><a href="prof.php" target="myframe"><img src='img/prof.png' width=20 style="padding-right:3px;"  />Professores</a></li>

mas continua abrindo em outra pagina....o que tem de errado?

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Olha esse link

http://www.codigofonte.net/dicas/html/37_trabalhando-com-iframes

 

segue codigo

<iframe width='LARGURA' height='ALTURA' frameborder='0' src='http://URL_DA_PAGINA/pagina.html'></iframe>

eu vi isso... o problema e que quando eu coloco o SRC a pagina ja fica com o formulario aberto na tela de ADM....como se fosse um plano de fundo sabe? e nao é isso que eu quero......quero que o formulario apareça so quando eu clicar em cadastrar PROFESSOR

Pessoal, consegui resolver....muito obrigada

fiz por iframe mesmo

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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