Tela HTML

[phpbrasil 0]

Pessoal,

Boa Tarde

 

Estou criando uma tela em HTML,PHP e CSS....

Nessa tela tem um menu superior com os menus CADASTRAR, FERRAMENTAS e SAIR...

A parte de baixo desse menu nao tem nada.....informação nenhuma....

Como faço para quando eu clicar em cadastrar professor, aparecer as informações de cadastro nessa parte de baixo? na mesma tela?

 

Agradeço desde ja

[Denis.Santos 7]

Boa tarde!

 

Você pode fazer isso utilizando AJAX.

[phpbrasil 0]

Boa tarde!

 

Você pode fazer isso utilizando AJAX.

Mas como? poderia me dar um exemplo?

[Denis.Santos 7]

O trecho a seguir é de um projeto que fiz em JSP, mas é só você adaptar ao seu projeto.

<script type="text/javascript">
            $(document).ready(function(){
               $('.itemMenu').each(function(){

                       $(this).click(function(){
                               $.get($(this).attr('id')+".jsp",
                               null,
                               function(retorno){
                                       $('#conteudo').html(retorno);
                               },
                               'html'
                               );
                       });
                     });
             });
        </script>

<div id="menu">
               <ul>
                  <li class="itemMenu" id="departFeminino">
                      <a id="item1" href="#"></a>
                  </li>

                  <li class="itemMenu" id="departMasculino">
                       <a id="item2" href="#"></a>
                  </li>

                  <li class="itemMenu" id="departInfantil">
                       <a id="item3" href="#"></a>
                  </li>
               </ul>
         </div>

Qualquer dúvida é só dizer.