Obrigado amigo. Consegui fazer a página com ajuda de alguns foruns q visitei, não lembro qual. Acontece q na página conteudo.html quero colocar um SlideShow q fiz(Fiz vários: com jQuery, Mootools ...), mas quando carrega a pagina dinâmica o slideshow não funciona, não passa as fotos automaticamente. Seria incompatibilidade entre as bibliotecas usadas? O q eu deveria fazer para solucionar isso? index.html <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Carregando Página em DIV / AJAX</title>
<script language="javascript" src="ajax.js"></script>
<script language="javascript" src="instrucao.js"></script>
</head>
<body>
<style>
body{background-color:#000;color:#fff;}
#conteudo_mostrar{
position: absolute;
left: 50%;
botton: 100%;
text-align: justify;
width: 400;
height: auto;
}
</style>
<div id="menu"><a href="#" onclick="abrirPag('Conteudo.html');">Conteúdo</a></div>
<br><br>
<div id="conteudo_mostrar" ></div>
</body>
</html>
ajax.js
function GetXMLHttp() {
var xmlHttp;
try {
xmlHttp = new XMLHttpRequest();
}
catch(ee) {
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e) {
xmlHttp = false;
}
}
}
return xmlHttp;
}
var xmlRequest = GetXMLHttp();
instrucao.js
function abrirPag(valor){
var url = valor;
xmlRequest.onreadystatechange = mudancaEstado;
xmlRequest.open("GET",url,true);
xmlRequest.send(null);
if (xmlRequest.readyState == 1) {
document.getElementById("conteudo_mostrar").innerHTML = "<img src='loader.gif'>";
}
return url;
}
function mudancaEstado(){
if (xmlRequest.readyState == 4){
document.getElementById("conteudo_mostrar").innerHTML = xmlRequest.responseText;
}
}