Menu abrir em uma div container

07/06/2016

To com duvida... me ajudem..

Fiz um menu com bootstrap e o conte�do do menu abrir em uma div....

no link de cada menu eu coloco isso <a href="javascript://" onclick="$('#conteudo').load('../php/pesquisaDia.php');">

ok abre na div que eu quero, mas quando eu prossigo no site, ele nao abre nesta mesma div....

umas das perguntas � � melhor abrir com div ou com ifraime?
tem algo mais facil para fazer nativo do bootastrap para fazer isso?
fiz isso para nao colocar um menu em cada pagina, ou vou ter que fazer com blobos em php???
ou ondo eu procuro algo para perquisar...

valeu pela aten��o pessoal....

Jonas Silva

Curtir t�pico + 0

Responder

Post mais votado

09/06/2016

Ai mano... bom dia.
Eu j� utilizei o .load() e o iframe e infelizmente os 2 encontrei grandes erros.

.load() - Algumas requisi��es em php (n�o lembro de cabe�a) deram erro. Ex: um formul�rio as vezes n�o era submetido.
iframe - N�o tinha podia ser colocado a seguran�a de URL, pois os mesmos davam problema.

Lembrando isto aconteceu comigo, n�o estou dizendo que aconte�a sempre.

Ent�o o que eu fiz, foi usar o include e recomento.

Espero que tenha ajudado, vlw :)

Marlon Gera

Responder

Gostei + 1

Mais Posts

09/06/2016

Jonas Silva

Obrigado pela dica...
meu site � simples tem um header que fica o menu e o section que abriria o conteudo e os links do menu...

conforme l� em cima estava usando o <a href="javascript://" onclick="$('#conteudo').load('../php/pesquisaDia.php');"> no menu

e abria na div #conteudo... achei meio complicado eu continuar navegando na pagina aberta em div....

queria fazer que em a pagina da devmedia com os menus em cima e abre o conte�do abaixo... em ter que repetir em todas paginas o menu...

vou tentar utilizar include agora....vou pesquisar mais sobre isso ....

valeu pela dica...

Responder

Gostei + 0

09/06/2016

Jothaz

Se quer um lay-out din�mico em PHP o caminho � o include, pois � simples e f�cil de usar.

Iframe � muito �til, mas n�o para criar lay-out�s.

Responder

Gostei + 1

10/06/2016

Jonas Silva

E ai pessoal o que eu fiz para solucionar meu problema....
Agrade�o aos amigos MARLON GERA e o JOTHAZ....

Usei INCLUDE

chamei um php principal


<?php
include_once('../inc/classTemplate.php');
$tpl = new TemplatePower("../tpl/principal.html");
$tpl->assignInclude('MENUPRINCIPAL', '../tpl/navBar2.html');
$tpl->prepare();
$tpl->PrintToScreen();
?>

e o meu htm pricipal ficou assim


<html>
   <head>
   <title>navBar</title>
   
   <!-- define a viewport -->
   <meta name="viewport" content="width=device-width, initial-scale=1.0" >
   <meta charset="utf-8">
   
   <!-- adicionar CSS Bootstrap -->
   <link href="../bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" media="all">
   <link href="../css/estilo.css" rel="stylesheet" media="all">
   </head>
   <body>
   <header>
   		<!-- INCLUDE BLOCK : MENUPRINCIPAL -->
   </header>
   <div class="container">
      
      <div name="conteudo" id="conteudo">
         <div class="container-fluid">
            <div class="jumbotron">
               <h1>
                  Bem Vindo!
               </h1>
               <p>2345.</p>
               <!--<p>
                  <a class="btn btn-primary btn-lg" href="#" role="button">
                     Learn more
                  </a>
               </p>-->
            </div>
         </div>
      </div>
   </div>
   <script src="../bootstrap/dist/js/bootstrap.min.js"></script>
   <script src="../bootstrap/dist/js/jquery.min.js"></script>
   <script src="../bootstrap/js/dropdown.js"></script>
   <script src="../bootstrap/js/collapse.js"></script>
   
   </body>
</html>

e o menu ficou assim


<nav class="navbar navbar-inverse navbar-fixed-top">
         <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
               <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
               </button>
               <a class="navbar-brand" href="../php/principal.php" target="_parent">
                            S.G.B.1
                        </a>
            </div>
            
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
               <ul class="nav navbar-nav">
                  <li class="dropdown">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        Usu�rios <span class="caret"></span>
                     </a>
                     <ul class="dropdown-menu">
                        <li>
                           <a href="../" >
                              Cadastrar
                           </a>
                        </li>
                        <li>
                           <a href="#">
                              Pesquisar
                           </a>
                        </li>
                        <li>
                           <a href="#">
                              Listar
                           </a>
                        </li>
                        <!--
                                    <li role="separator" class="divider">
                                    </li>
                                    <li>
                                        <a href="#">
                                            1
                                        </a>
                                    </li>
                                    <li role="separator" class="divider">
                                    </li>
                                    <li>
                                        <a href="#">
                                            2
                                        </a>
                                    </li>
                                    -->
                     </ul>
            </div>
            <!-- /.navbar-collapse -->
         </div>
         <!-- /.container-fluid -->
      </nav>

claro depois cada html novo comoco



obrigado pela dica.....

Responder

Gostei + 0