Nesse tutorial você irá aprender a fazer um site em Ajax…
No nosso arquivo html ou php iremos inserir a linha abaixo para chamar a biblioteca: <script language=”JavaScript” type=”text/JavaScript” src=”includes/ajaxlib.js”></script>
<script type=”text/javascript”>
<!–//–><![CDATA[//><!–
function mostrarConteudo(toLoad){
var div = document.getElementById(”conteudo”);
div.innerHTML = “<center>Carregando a página…</center>”;
var ajax = new Ajax();
ajax.set_receive_handler(
function(c) {
div.innerHTML = c;
}
);
ajax.send(toLoad);
}
//–><!]]>
</script>
<a href=”java script:;” onClick=”mostrarConteudo(’paginas/link.htm’);”>Link</a>
No link acima, temos o onClick. Significa que ao clicar ele irá executar a função mostraConteudo, buscando o arquivo link.htm, que está dentro da pasta paginas. Lógico que este arquivo deve existir, se não o script vai ficar mostrar a mensagem de carregando até você cansar (rsrs)!
Agora temos que criar a div onde irá aparecer o conteúdo:
<div id=”conteudo”></div>
Pronto! Está feito! Agora sempre que alguém clicar no seu link, o conteúdo irá aparecer dentro da div conteúdo. Para que, ao carregar o site já apareça algo dentro desta div, sem precisar clicar no link, você deve inserir o seguinte código na tag body:
<body onLoad=”mostrarConteudo(’paginas/pagina_inicial.htm’);”>
Você pode inserir outros códigos na tag body, não precisa ser exatamente isto que está acima, porém deve necessariamente conter o conteúdo do onLoad.
01º.
02º. 








0 comentários: sobre Como fazer um site em Ajax
Postar um comentário para Como fazer um site em Ajax