http://www.guj.com.br/t/mesmo-menu-para-varias-paginas-menu-unico/319350/2?u=guivirtuoso

Continuando a discussão do Colunas funcionando como Frames em bootstrap. É possível?:

acho uma imagem (ou duas !!) valem mais que todas as palavras:

ExemploFrames.JPG1344×439 48.8 KB

COLUNASBOOTSTRAP.JPG1277×447 89.2 KB

isso é possível de ser feito com BOOTSTRAP? ou CSS3? ou HTML5? OU Angular.JS?

Você chegou a testar o load() ?

cara na verdade ainda não… fiquei muito preso nisso e agora q vou ver outras coisas… mas aproveitando, eu li o doc dessa func load() (meu inglês meio ruim) não consegui entender direito. Você teria algum exemplo (básico e primário q seja) pra me mostrar?
Agradeço e obrigado por me acompanhar aqui… somos os únicos.
Valeu

Cara o load() funciona da seguinte forma, você diz em que elemento do dom você quer carregar um conteúdo, sendo que este conteúdo pode vir de um arquivo externo.

Por isso que casa com o que você precisa.

Por exemplo, eu tenho uma div:

<div id="conteudo" />

Eu posso por exemplo carregar nela um conteúdo externo algo tipo:

$( "#conteudo").load( "menu.html" );

Com isso você pode carregar o que seriam “links” em outros lugares da página sem usar frames conforme você precisa…

Da uma estudada com calma que você consegue.

Procure por exemplos … google ta cheio… você consegue!

Algumas opções:

• via Javascript: carregando o conteúdo via AJAX e substituindo o conteúdo da segunda coluna pelo conteúdo da resposta da requisição (pelo visto é a versão complicada e explícita do $.load() que o @guivirtuoso sugeriu)

$("#linkProConteudoUm").on("click", function (event) {
  event.preventDefault();
  $.get("/paginaDoConteudoUm", function (data) {
    $("#divDoConteudoUm").html(data);
  });
});

• via Javascript: carregando o conteúdo todo de uma vez, criando divs com display:none; e alterando o display ao clicar nos links

$("#linkProConteudoUm").on("click", function (event) {
  event.preventDefault();
  $(".divDeConteudo").hide();
  $("#divDoConteudoUm").show();
});

• via target: os links têm targets (href="#targetUm") e você cria seletores para mostrar o seu conteúdo (já carregado de uma vez) quando ele for target, por exemplo

<div id="targetUm" class="targetHidden">Conteudo um</div>
<div id="targetDois" class="targetHidden">Conteudo dois</div>
<div id="targetTres" class="targetHidden">Conteudo tres</div>
<div id="targetQuatro" class="targetHidden">Conteudo quatro</div>

.targetHidden { display: none; }
#targetUm:target { display: block; }
#targetDois:target { display: block; }
#targetTres:target { display: block; }
#targetQuatro:target { display: block; }

No caso do load() nao precisa fazer uma requisição ajax $.get e depois pegar o resultado e injetar na div usando a funcao html.

É soh fazer isso direto usando a referencia ao seus arquivos mesmo.

Não sei se é tão mais complicado assim, e o carregamento fica sob demanda também, ao invés de carregar tudo e deixar oculto e depois ir mostrando, que apesar de funcionar é uma técnica que dependendo do conteúdo pode ficar bem lento.

Abs.