Incluir trecho HTML em outro somente com Javascript

Front-end
#1

Alguém sabe um jeito de incluir uma página em outra usando somente javascript bibliotecas relacionadas (jquery, dojo, etc)?

Atualmente faço algo assim, com SSI (Server Side Includes), incluindo estas e outras paginas.

Porém não é o mais adequado por preciso rodar um servidor. Tem como fazer isso usando javascript?

#2

Tem sim e é relativamente simples.
Qual biblioteca você está usando?
Eu gosto muito da jQuery.

Se quiser posso criar um exemplo.

[]´s

#3

Segue o exemplo:

principal.html[code]

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Principal</title>    
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
		
		$( document ).ready( function(){
			
			$( "#cabecalho" ).load( "cabecalho.html" );
			$( "#rodape" ).load( "rodape.html" );
			
		});
		
    </script>
</head>

<body>

    <div id="cabecalho"></div>
    
    <div id="corpo">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a sapien ut dui condimentum pellentesque. Proin dictum varius porta. Nullam vel mi sapien. Fusce convallis elit non urna condimentum accumsan. Pellentesque imperdiet gravida elit, et feugiat metus suscipit vel. Pellentesque condimentum nunc quis eros dapibus scelerisque egestas tincidunt lacus. Curabitur nulla odio, aliquet condimentum accumsan id, cursus ut dolor. Duis blandit magna id sem vulputate euismod. Cras arcu nulla, pretium vitae malesuada eget, pharetra at sapien. Phasellus venenatis, libero in tempor sagittis, mi justo consequat metus, eu sodales libero odio nec velit.</p>
    
    </div>
    
    <div id="rodape"></div>

</body>
[/code]

cabecalho.html<h1>Conteúdo do Cabeçalho</h1>

rodape.html<h1>Conteúdo do Rodapé</h1>

Os arquivos seguem em anexo.

[]´s

#4

valeu david!
uso o jquery mesmo

#5

[quote=alexswb]valeu david!
uso o jquery mesmo[/quote]

Disponha :wink:

Dê uma olhada na documentação do jQuery, muitas de suas dúvidas podem ser resolvidas lá mesmo.
http://api.jquery.com/

[]´s

#6

tou achando estranho uma coisa. quando dou um “document.write” num script dentro de um desses documentos que eu inclui, aparece somente a string que eu mandei imprimir, numa tela em branco. alguém sabe qual pode ser o problema?

#7

alexswb

A função do document.write é exatamente esta; ‘sobreescrever’ os dados da página pelo que tu esta passando como argumento.
Não sei se te resolve, mas os objetos javascript geralmente possuem a propriedade innerHTML, tu pode adicionar codigo html atravéz dela. Por exemplo;

document.getElementById('umObjetoQualquer').innerHTML+="<h1>Aqui estou</h1>"
#8