Ir para conteúdo
Fórum Script Brasil

Agnostic

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    3

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por Agnostic

  2. Conteúdo dinâmico - html em um tag DIV

    em Ajax, JavaScript, XML, DOM

    Postado · Editado por Jonathan Queiroz
    Adicionar tag's (Jonathan)

    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;
    }
}

×
×
  • Criar Novo...