phpbrasil 0 Denunciar post Postado Junho 5, 2014 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
lokaodomau 61 Denunciar post Postado Junho 5, 2014 Insere um iframe na parte inferior, no link 'professor' coloca o id do iframe como target, pegou a ideia? Compartilhar este post Link para o post Compartilhar em outros sites
Zezinho S/A LOCK 3 Denunciar post Postado Junho 5, 2014 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
phpbrasil 0 Denunciar post Postado Junho 5, 2014 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
Zezinho S/A LOCK 3 Denunciar post Postado Junho 5, 2014 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> Compartilhar este post Link para o post Compartilhar em outros sites
phpbrasil 0 Denunciar post Postado Junho 5, 2014 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