Menu abrir em uma div container
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....
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
Curtidas 0
Melhor post
Marlon Gera
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 :)
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 :)
GOSTEI 1
Mais Respostas
Jonas Silva
07/06/2016
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...
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...
GOSTEI 0
Jothaz
07/06/2016
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.
Iframe é muito útil, mas não para criar lay-out´s.
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...
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...
GOSTEI 1
Jonas Silva
07/06/2016
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
e o meu htm pricipal ficou assim
e o menu ficou assim
claro depois cada html novo comoco
<!-- INCLUDE BLOCK : MENUPRINCIPAL -->
obrigado pela dica.....
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
<!-- INCLUDE BLOCK : MENUPRINCIPAL -->
obrigado pela dica.....
GOSTEI 0