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

Agnostic · Abril 14, 2010

Como fazer a apresentação de uma página html em uma tag DIV dinamicamente quando clicado em um menu(ou link)?

Jonathan Queiroz · Abril 14, 2010

Movendo: HTML, XHTML, CSS --> Ajax, Javascript, XML, DOM.

Você pode fazer isso com Javascript com o método onclick. Exemplo:

document.getElementById("id_do_elemento").onclick=function(){
//código aqui
}

Agnostic · Abril 15, 2010

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

Editado Abril 15, 2010 por Jonathan Queiroz
Adicionar tag's (Jonathan)

Entrar

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

Pergunta

Agnostic

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

Agnostic

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades