Incluir trecho HTML em outro somente com Javascript

JavaChild Membro desde: 28/04/2006 11:46:26 Mensagens: 133 Offline

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?

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

Se quiser posso criar um exemplo.

[]´s

This message was edited 1 time. Last update was at 24/08/2010 20:03:12

Segue o exemplo:

principal.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<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>
    
</html>

cabecalho.html

rodape.html

Os arquivos seguem em anexo.

[]´s

JavaChild Membro desde: 28/04/2006 11:46:26 Mensagens: 133 Offline

valeu david!
uso o jquery mesmo

alexswb wrote:valeu david!
uso o jquery mesmo

Disponha

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

[]´s

JavaChild Membro desde: 28/04/2006 11:46:26 Mensagens: 133 Offline

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?

This message was edited 1 time. Last update was at 01/09/2010 14:37:46

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;

Notícias, artigos e o maior fórum brasileiro sobre Java