Função JS para montar uma página em blocos com AJAX

Primeiro para facilitar devemos baixar o código do framework feito pelo famoso MicoX no link: http://forum.ievolutionweb.com/index.php?s=c6a3387f55318088aa253caecc9a238d&showtopic=18264

Agora vamos a função:

function MontaIndex()
{ window.document.getElementById('divRelatorio').style.display='none';
window.document.getElementById('divCorpo').style.display='block';
ajaxGo({url: "Templates/Topo.asp", elem_return: "divTop", loading: "Carregando", timeout: 10});
ajaxGo({url: "principal.asp", elem_return: "divCorpo", loading: "Carregando", timeout: 10});
//Pega a largura da tela, para pegar a altura screen.availHeight;
window.document.getElementById('divTop').style.width=window.screen.availWidth;
}

A página onde será feita a montagem deverá conter a função que montará a página em blocos, 1 exemplo:

< ?xml version="1.0" encoding="iso-8859-1"?>
< !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>
< title> < /title>
< meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
< SCRIPT type="text/javascript">
Aki entra a função.
< /script>
< /head>

< body onLoad="MontaIndex();">
< div id="divTop" align="CENTER">< /div>

< div id="divCorpo" align="center">< /div>
< /body>
< /html>

É wilso aí. Esse tipo de montagem é ideal para que tem que atualizar em tempos curtos apenas uma parte do site.
Com este tipo de montagem é possível isolar o cabeçalho da página por exemplo e fazer com que apenas o cabeçalho fique atualizando de tempos em tempos, sem alterar as outras partes do site.
É muito mais leve e rápido porque apenas uma parte da página está sendo atualizada e o servidor só recebe as informações necessárias para atualização.

Esta função é bobeira mas foi muito útil para mim num projeto grande.

Comentários

Postagens mais visitadas deste blog

Criando uma Variável em ColdFusion e em ASP

Definindo Valores Padrões para Variáveis

O que é ColdFusion? Para que serve?